/Javascript/React/Apply required attribute on input using ternary operator using react js

Apply required attribute on input using ternary operator using react js

Conditional jsx property

render() {
  return (
    <a className="navbar-brand" {... url ? {href: url} : {}}>Logo</a>
  )
}

Source: stackoverflow.com

How do I conditionally add attributes to React components?

var InputComponent = React.createClass({
    render: function() {
        var required = true;
        var disabled = false;

        return (
            <input type="text" disabled={disabled} required={required} />
        );
    }
});

Apply required attribute on input using ternary operator using react js

use attached link. He answers well

Source: blog.bitsrc.io

Similar codes

3 votes369 views1 answer
How to preview a pdf document in react
Javascript React
0 vote391 views1 answer
React throttle render
Javascript React
0 vote409 views1 answer
How to change the choose file button text in react
Javascript React
0 vote358 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
0 vote355 views1 answer
Nested navigation react native
Javascript React
0 vote313 views1 answer
React native onChangeText resize the background image
Javascript React
0 vote380 views2 answers
Count down timer in react native
Javascript React
0 vote356 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
0 vote381 views2 answers
Why we need react js
Javascript React
2 votes367 views1 answer
Lifecycles if reactjs
Javascript React