props with ternary in react

Uninterested Unicorn answered on October 17, 2021 Popularity 8/10 Helpfulness 1/10

answer props with ternary in react

props with ternary in react

Comment

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" : ""} />
        );
    }
});

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript ternary

Link to this answer
Share Copy Link

Contributed on Oct 17 2021

Uninterested Unicorn

0 Answers Avg Quality 2/10

props with ternary in react

Contents

More Related Answers

props with ternary in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.