/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 vote169 views1 answer
How to clear form fields in react after submit
Javascript React
0 vote212 views1 answer
React controllers
Javascript React
-1 vote173 views1 answer
Use inline and other styles react native
Javascript React
0 vote200 views1 answer
React native app slow lagging image
Javascript React
4 votes174 views2 answers
Entypo icons react native
Javascript React
8 votes163 views2 answers
Useref in react typescrpt
Javascript React
6 votes200 views2 answers
String to html javascript react
Javascript React
0 vote173 views1 answer
How to change background image dynamically in react
Javascript React
31 votes158 views1 answer
Download react router dom
Javascript React
0 vote130 views2 answers
React refresh page not found
Javascript React