/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 vote196 views1 answer
React read multiple files with filereader
Javascript React
93 votes160 views6 answers
React router dom install
Javascript React
3 votes177 views1 answer
How to use react-fontawesome
Javascript React
0 vote175 views1 answer
React-redux form preventdefault
Javascript React
0 vote194 views1 answer
How to add react.memo in export list
Javascript React
0 vote192 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
1 vote180 views1 answer
Npm package for sorting in reactjs
Javascript React
6 votes178 views1 answer
React-native loading spinner
Javascript React
0 vote178 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
0 vote178 views1 answer
React native charts style gradiant
Javascript React