/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 vote102 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
1 vote289 views2 answers
How to check reactjs version in command prompt
Javascript React
0 vote144 views1 answer
Array of refs react
Javascript React
0 vote147 views1 answer
Get input value in react using hooks
Javascript React
11 votes160 views2 answers
React must be in scope when using jsx
Javascript React
1 vote142 views1 answer
How to use boostrapicons on react
Javascript React
1 vote130 views1 answer
Reconciliation in react
Javascript React
1 vote167 views1 answer
Retour a la ligne <p> react
Javascript React
1 vote179 views1 answer
Close exit app react native
Javascript React
0 vote142 views1 answer
Routing in react jps
Javascript React