/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 vote304 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
0 vote310 views1 answer
React native run real device
Javascript React
0 vote333 views1 answer
React if event.target is input
Javascript React
160 votes545 views6 answers
React install
Javascript React
0 vote324 views1 answer
Divide string in lines react native max width
Javascript React
0 vote342 views1 answer
React native navigation shared element
Javascript React
0 vote322 views1 answer
Webpack react proxy not working
Javascript React
1 vote355 views1 answer
Reactjs compile subdomine
Javascript React
3 votes345 views2 answers
React get route path
Javascript React
0 vote365 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React