/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 vote236 views2 answers
Go back to screen with params react native
Javascript React
-1 vote188 views1 answer
React native smart splash screen
Javascript React
0 vote213 views1 answer
How to add alternate image in img tag in react
Javascript React
0 vote252 views1 answer
React js usehistory push and pass props
Javascript React
0 vote184 views1 answer
React-native how to get size of screen
Javascript React
0 vote158 views1 answer
ReactNative onPress doesn't exist
Javascript React
0 vote215 views1 answer
React native section list sort by alphabet
Javascript React
1 vote198 views1 answer
React native textinput no keyboard
Javascript React
5 votes211 views6 answers
Box shadow in react native
Javascript React
8 votes207 views3 answers
Shadown reAct native
Javascript React