/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

14 votes201 views1 answer
Change checkbox value react
Javascript React
1 vote241 views2 answers
Await fetch in react
Javascript React
145 votes361 views6 answers
Add bootstrap to react
Javascript React
13 votes271 views3 answers
React native conditional rendering
Javascript React
0 vote259 views1 answer
React locomotive-scroll
Javascript React
5 votes255 views1 answer
Create react app deployment heroku
Javascript React
1 vote259 views2 answers
React chartjs 2
Javascript React
0 vote241 views1 answer
In whatsapp share text add a new line react
Javascript React
3 votes236 views3 answers
React hide source code
Javascript React
0 vote305 views2 answers
Combine p5 with react
Javascript React