/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 vote137 views1 answer
Date picker type react
Javascript React
0 vote149 views1 answer
Infinite scroll for chat react js
Javascript React
-1 vote138 views1 answer
How to run react native app on simulator
Javascript React
0 vote147 views1 answer
Clear input field react-hook-form
Javascript React
3 votes156 views2 answers
Use font awsome in react
Javascript React
1 vote143 views1 answer
On_raw_reaction_add example
Javascript React
2 votes153 views1 answer
React dynamic import
Javascript React
0 vote157 views1 answer
Npm react-native-async-storage
Javascript React
0 vote143 views1 answer
Fetch is not defined jest react
Javascript React
0 vote151 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React