/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 vote188 views1 answer
How to position View absolute react native
Javascript React
18 votes230 views6 answers
Export apk react native
Javascript React
0 vote165 views1 answer
Display image from local JSON / JS Object using React
Javascript React
4 votes205 views2 answers
Linking in react native
Javascript React
0 vote211 views1 answer
How to hide title bar react-navigation
Javascript React
0 vote247 views2 answers
Hosting react on gh pages
Javascript React
5 votes187 views1 answer
React code splitting (component based)
Javascript React
0 vote186 views1 answer
Nextjs react native web typescript
Javascript React
0 vote194 views1 answer
Date in react js
Javascript React
38 votes212 views2 answers
How to comment out code in react js
Javascript React