/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

1 vote150 views1 answer
Private route in react js
Javascript React
0 vote112 views1 answer
React image source showing object module
Javascript React
1 vote112 views1 answer
Yup only characters regex validation react
Javascript React
0 vote103 views1 answer
(0 , _reactRouterDom.useHistory) is not a function
Javascript React
0 vote118 views2 answers
Sending props via navigate() of react router v6
Javascript React
0 vote150 views1 answer
How to add a useState in react Js
Javascript React
1 vote113 views1 answer
React stripe npm
Javascript React
112 votes137 views10 answers
React
Javascript React
3 votes115 views1 answer
React router yarn
Javascript React
0 vote114 views1 answer
Reference hook in react
Javascript React