/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 vote350 views1 answer
Scirpt tag react
Javascript React
1 vote374 views1 answer
Put two buttons in a row in react native
Javascript React
-1 vote830 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
1 vote355 views1 answer
Docker react module not found
Javascript React
0 vote369 views1 answer
React native text area align top
Javascript React
2 votes387 views4 answers
Date range picker react
Javascript React
0 vote385 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
0 vote372 views1 answer
React native-base DatePicker comes up Minimized on iOS Asked
Javascript React
4 votes344 views1 answer
Enable emmit on react
Javascript React
0 vote359 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React