/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 vote278 views1 answer
Get current platform react native
Javascript React
0 vote269 views1 answer
React hooks component re render when button press
Javascript React
0 vote261 views1 answer
Jsx tag with children react js
Javascript React
22 votes288 views3 answers
How to use if else inside jsx in react
Javascript React
32 votes293 views1 answer
How to do routes react js
Javascript React
23 votes276 views6 answers
React native shadow
Javascript React
6 votes275 views5 answers
Scroll to top in react
Javascript React
3 votes314 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
6 votes274 views2 answers
React native spinner
Javascript React
85 votes284 views6 answers
Redirect react js
Javascript React