/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 vote236 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
-2 votes236 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
0 vote209 views1 answer
React Update a label when rate moves "quietly"
Javascript React
0 vote223 views1 answer
Jsx not working in react vscode
Javascript React
28 votes206 views6 answers
React proptypes
Javascript React
0 vote247 views1 answer
React notification
Javascript React
2 votes223 views1 answer
Append a query string to the url react
Javascript React
1 vote206 views2 answers
React select disable option
Javascript React
0 vote205 views1 answer
Shadowcolor liners in react native
Javascript React
3 votes216 views1 answer
Latest react version npm
Javascript React