/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 vote169 views1 answer
React native get last element of array
Javascript React
0 vote182 views1 answer
Concatenate state with previous state in react redux
Javascript React
0 vote186 views2 answers
On ddrop function react dropzone parameters
Javascript React
4 votes186 views2 answers
React materilize
Javascript React
-1 vote204 views1 answer
Command not found:create-react-app
Javascript React
7 votes184 views4 answers
React history push search params
Javascript React
0 vote185 views1 answer
Empty div react
Javascript React
0 vote184 views1 answer
Dynamic useState in react
Javascript React
8 votes200 views2 answers
React set title of page
Javascript React
1 vote125 views1 answer
Add class to react children
Javascript React