/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

9 votes399 views2 answers
Html emmet in react vscode
Javascript React
0 vote366 views1 answer
How to pass property component in react enzyme
Javascript React
0 vote342 views1 answer
React js loop through array of objects
Javascript React
4 votes387 views2 answers
Import reactdom
Javascript React
-1 vote391 views2 answers
E.target.text react
Javascript React
8 votes371 views1 answer
Professional react projects
Javascript React
0 vote388 views1 answer
How to add autoserial number in react js
Javascript React
0 vote385 views1 answer
Npx code for src folder in react js
Javascript React
0 vote374 views1 answer
React native curved view
Javascript React
0 vote363 views1 answer
Reactjs class exemple componentDidMount
Javascript React