/Javascript/React/Props with ternary in react

Props with ternary in react

var React = require('React');

var MyOwnInput = React.createClass({
    render: function () {
        return (
            <div>
                <input type="text" onChange={this.changeValue} value={this.getValue()} name={this.props.name}/>
            </div>
        );
    }
});

module.exports = React.createClass({
    getInitialState: function () {
        return {
            isRequired: false
        }
    },
    componentDidMount: function () {
        this.setState({
            isRequired: true
        });
    },
    render: function () {
        var isRequired = this.state.isRequired;

        return (
            <MyOwnInput name="test" {isRequired ? "required" : ""} />
        );
    }
});

Source: stackoverflow.com

Similar codes

0 vote152 views3 answers
React native clear cach
Javascript React
0 vote136 views1 answer
How to run and clone react app
Javascript React
0 vote153 views1 answer
Persian calender for react-native
Javascript React
18 votes140 views6 answers
React native build
Javascript React
0 vote331 views1 answer
Scroll to a input on button click react native
Javascript React
118 votes228 views6 answers
Instalar bootstrap en react
Javascript React
-2 votes106 views1 answer
React timepicker example
Javascript React
0 vote144 views3 answers
React router browser refresh
Javascript React
40 votes146 views5 answers
Fetch react
Javascript React
0 vote164 views1 answer
React native panresponder on click
Javascript React