/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

3 votes132 views1 answer
UseNav react router
Javascript React
5 votes125 views2 answers
Lazy loading react
Javascript React
-1 vote144 views2 answers
React native Platform
Javascript React
1 vote127 views1 answer
Can't type in react input text field
Javascript React
0 vote176 views9 answers
How to run a cloned react native project
Javascript React
13 votes112 views1 answer
Reactdom' is not defined
Javascript React
1 vote145 views2 answers
Autofocus react
Javascript React
4 votes132 views4 answers
Deploy react app
Javascript React
0 vote86 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
0 vote139 views1 answer
Reactnaviataion change title
Javascript React