/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 vote229 views1 answer
React-select-search useSelect hook
Javascript React
29 votes188 views3 answers
Creating react app using npx
Javascript React
3 votes203 views1 answer
Remove header from certain pages react navigation
Javascript React
0 vote223 views1 answer
Smooth scroll react
Javascript React
0 vote203 views1 answer
Change candle color react highcharts
Javascript React
15 votes211 views1 answer
Reducer in react example
Javascript React
0 vote205 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote317 views1 answer
How to prevent clickjacking in react js
Javascript React
0 vote196 views2 answers
React tweet embed
Javascript React
0 vote236 views1 answer
How to add abutton component to drawer in react native
Javascript React