/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 vote128 views1 answer
React router remove location state on refresh
Javascript React
4 votes133 views1 answer
React useeffect not on first render
Javascript React
0 vote118 views1 answer
React js error stackoverflaw
Javascript React
15 votes128 views3 answers
Image source react native
Javascript React
0 vote118 views2 answers
Reactjs hello world
Javascript React
2 votes159 views1 answer
React router 404 redirect
Javascript React
0 vote138 views1 answer
Get nested value on object react using dot
Javascript React
0 vote125 views1 answer
Icomoon react native
Javascript React
0 vote123 views1 answer
Matched leaf route at location "/" does not have an element. react
Javascript React
2 votes121 views2 answers
React material ui media queries
Javascript React