/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

1 vote194 views1 answer
React map component in
Javascript React
0 vote201 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
0 vote246 views1 answer
React-hook-form image
Javascript React
4 votes217 views1 answer
Reactjs onclick open new page
Javascript React
0 vote241 views1 answer
React how to block render if data is not fetched yet
Javascript React
0 vote195 views1 answer
React focus textarea
Javascript React
2 votes205 views1 answer
How to add multiple style attributes in react element
Javascript React
0 vote207 views1 answer
Relative width and height image react native
Javascript React
0 vote213 views1 answer
Mreact graph
Javascript React
0 vote205 views1 answer
Connect react native app to local api macos
Javascript React