/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

2 votes122 views1 answer
How to get current URL with Javascript or React
Javascript React
0 vote144 views1 answer
Pause console debugger in react
Javascript React
0 vote89 views1 answer
Image continuous changing div react
Javascript React
8 votes128 views2 answers
React native italic text
Javascript React
0 vote142 views1 answer
Table like another component in react native
Javascript React
0 vote115 views1 answer
Key being passed as prop react
Javascript React
0 vote126 views1 answer
React native text input right
Javascript React
0 vote122 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React
5 votes142 views1 answer
Import suspence from react
Javascript React
0 vote126 views1 answer
Back button not working when modal open in react native
Javascript React