/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 vote236 views1 answer
Onpress react native datepicker stackver flow
Javascript React
13 votes218 views1 answer
React js vs jsx
Javascript React
0 vote214 views1 answer
Globalevariable reactjs
Javascript React
0 vote215 views1 answer
Stop from from refresching page react
Javascript React
0 vote224 views1 answer
If statement in react native
Javascript React
2 votes217 views1 answer
Site cannot be accessed broken link or url that doesn’t exist react netlify
Javascript React
0 vote218 views1 answer
React native button top right
Javascript React
0 vote220 views1 answer
Images not displaying in react
Javascript React
0 vote317 views1 answer
React native filter list
Javascript React
0 vote257 views1 answer
How to pass an id to the route of a seprate file react
Javascript React