/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 vote225 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
0 vote187 views1 answer
How to enable emit on react in vs code
Javascript React
5 votes209 views2 answers
React img not showing
Javascript React
108 votes235 views1 answer
How to start react app in windows
Javascript React
0 vote192 views1 answer
React createElement interactive button
Javascript React
3 votes191 views4 answers
Add new array at the back of react state
Javascript React
0 vote215 views1 answer
How to embed an expression in react js
Javascript React
32 votes202 views1 answer
React-router react-router-dom
Javascript React
1 vote222 views1 answer
React 360
Javascript React
0 vote256 views1 answer
How to load a javascript game from react
Javascript React