/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

3 votes366 views5 answers
React date range picker
Javascript React
1 vote408 views1 answer
React native linking email
Javascript React
0 vote354 views1 answer
React currency format
Javascript React
1 vote410 views1 answer
How to delete an object from array in reactjs
Javascript React
1 vote372 views1 answer
Press enter reaction js
Javascript React
4 votes403 views1 answer
How to send axios delete to the backend reactjs
Javascript React
1 vote365 views4 answers
Passing data in route react
Javascript React
0 vote371 views1 answer
React native set variable key in loop
Javascript React
1 vote379 views1 answer
I18n react meta description
Javascript React
2 votes410 views2 answers
Text number of lines react native
Javascript React