/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 vote401 views1 answer
Use this in a react js component
Javascript React
2 votes443 views4 answers
Discord js remove reaction from user
Javascript React
0 vote350 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
5 votes383 views6 answers
Box shadow in react native
Javascript React
0 vote415 views1 answer
Appregistry react native
Javascript React
0 vote396 views1 answer
React sub count
Javascript React
0 vote410 views1 answer
Change value in array react
Javascript React
1 vote404 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
17 votes426 views5 answers
How to make apk react native
Javascript React
6 votes421 views1 answer
Import useHistory react-router-dom version 6
Javascript React