/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 vote391 views1 answer
Failed to construct image react-native
Javascript React
113 votes459 views6 answers
How to create a new react app
Javascript React
2 votes385 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
7 votes395 views2 answers
React native password input
Javascript React
0 vote383 views1 answer
React native Setting a timer for a long period of time
Javascript React
15 votes457 views3 answers
Create react app and tailwind
Javascript React
0 vote377 views1 answer
Flatpicker not focusing in modal React
Javascript React
1 vote419 views1 answer
Found page without a React Component as default export in
Javascript React
0 vote391 views1 answer
Connect react native app to local api macos
Javascript React
0 vote423 views1 answer
React load after scrolling
Javascript React