/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 vote310 views1 answer
How many data binding in react
Javascript React
1 vote253 views1 answer
How to connect socket in react js
Javascript React
-2 votes271 views3 answers
Keyboard dismiss in react native
Javascript React
0 vote248 views1 answer
React native text input number only
Javascript React
0 vote245 views2 answers
Hot reload problem react 17
Javascript React
0 vote254 views1 answer
React js marked import and use
Javascript React
1 vote251 views1 answer
Module '"../../../node_modules/react-native"' has no exported member 'View'
Javascript React
21 votes217 views4 answers
Setinterval react
Javascript React
1 vote227 views2 answers
Upload image react
Javascript React
1 vote255 views1 answer
Adding list items in react
Javascript React