/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 votes139 views1 answer
InnerWidth react
Javascript React
1 vote138 views1 answer
React native flatlist margin bottom
Javascript React
24 votes150 views4 answers
React copy to clipboard button
Javascript React
18 votes142 views5 answers
How to use svg in react js
Javascript React
0 vote150 views1 answer
React native firebase community template
Javascript React
1 vote139 views2 answers
What is reactive method
Javascript React
25 votes184 views5 answers
Image react
Javascript React
12 votes156 views3 answers
Font weight react native
Javascript React
0 vote148 views1 answer
React Native Text style example
Javascript React
11 votes153 views2 answers
React router refreshes page
Javascript React