/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

0 vote195 views1 answer
React set state before render
Javascript React
0 vote206 views1 answer
React native updating options with setoptions
Javascript React
0 vote188 views1 answer
Rich text react renderer
Javascript React
0 vote212 views1 answer
Reactive forms change event in angular
Javascript React
1 vote227 views1 answer
React native get mac address
Javascript React
6 votes215 views1 answer
React dictionary key value avec 2 variable
Javascript React
0 vote200 views1 answer
To do list app react code
Javascript React
0 vote190 views1 answer
Keyboard avoidance view not working on react native
Javascript React
0 vote204 views1 answer
Setting a date range using yup on react date picker
Javascript React
1 vote201 views1 answer
React native could not get batchedbridge
Javascript React