/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

157 votes562 views6 answers
Create new react app
Javascript React
1 vote352 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote367 views1 answer
Ng2 validations angular using reactiveforms
Javascript React
5 votes299 views1 answer
Add icon material ui
Javascript React
1 vote361 views1 answer
Reactive localstorage in react
Javascript React
105 votes387 views1 answer
React simbu
Javascript React
24 votes327 views5 answers
React map array
Javascript React
0 vote371 views1 answer
How to put react compnent to bottom
Javascript React
1 vote389 views2 answers
React native open link in browser
Javascript React
262 votes507 views6 answers
Create a react native project
Javascript React