/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 vote241 views2 answers
React Class components LifeCycles
Javascript React
0 vote202 views6 answers
React slick
Javascript React
0 vote213 views1 answer
React form hook trigger is not a function
Javascript React
0 vote199 views1 answer
Search nested array in react javascript
Javascript React
0 vote198 views1 answer
Concept of node js with react js
Javascript React
0 vote272 views1 answer
Easy REACT download image
Javascript React
-1 vote235 views1 answer
Convert datetime value to time only in reactjs
Javascript React
23 votes240 views3 answers
React save to local storage
Javascript React
110 votes244 views2 answers
Create react js app
Javascript React
3 votes196 views2 answers
React native width auto
Javascript React