/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

68 votes200 views4 answers
Inline styling react
Javascript React
1 vote248 views1 answer
React-redux todo list
Javascript React
0 vote239 views1 answer
Add update react pwa feature
Javascript React
0 vote198 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
0 vote202 views1 answer
Label tag alternative in react native
Javascript React
1 vote245 views1 answer
Textinput onpress react native
Javascript React
0 vote198 views1 answer
React file preview
Javascript React
0 vote211 views1 answer
Blank array condition in react js
Javascript React
1 vote185 views1 answer
Deploy react to aws
Javascript React
9 votes235 views5 answers
Find react version
Javascript React