/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

21 votes230 views3 answers
Map function in react
Javascript React
1 vote269 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote227 views1 answer
React strap documentation
Javascript React
2 votes219 views2 answers
Splice state react
Javascript React
1 vote238 views1 answer
Detect touch react
Javascript React
0 vote212 views1 answer
React Mixed symbols
Javascript React
0 vote242 views1 answer
React native multiline cursor on first line
Javascript React
0 vote223 views1 answer
Javascript Binding Example With React
Javascript React
1 vote186 views1 answer
Table reactstrap
Javascript React
0 vote263 views1 answer
Onpress react native datepicker stackver flow
Javascript React