/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 vote324 views1 answer
React router dom return undefined
Javascript React
1 vote309 views3 answers
How to make sticky footer with react router
Javascript React
4 votes329 views2 answers
Countdown in react js
Javascript React
19 votes297 views6 answers
Convert svg to react component
Javascript React
4 votes313 views2 answers
Axios react post form data
Javascript React
0 vote285 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
0 vote353 views1 answer
Reactjs lifecycle class components
Javascript React
24 votes297 views5 answers
How to change port in react js
Javascript React
3 votes300 views1 answer
How to stop react app in terminal
Javascript React
0 vote312 views1 answer
Make custom draggable in react
Javascript React