/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 vote237 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
0 vote223 views2 answers
React native: how to know th softkey height
Javascript React
1 vote201 views1 answer
React place div at center of page
Javascript React
3 votes205 views1 answer
Latest react version npm
Javascript React
1 vote254 views1 answer
Get current platform react native
Javascript React
3 votes215 views1 answer
React is front end or backend
Javascript React
112 votes263 views6 answers
Import bootstrap 4 in react
Javascript React
1 vote233 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React
1 vote213 views1 answer
How to run an existing react project
Javascript React
10 votes209 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React