/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

5 votes261 views2 answers
Import fa icons react
Javascript React
0 vote221 views2 answers
On ddrop function react dropzone parameters
Javascript React
0 vote223 views1 answer
Refresh page by hand in react
Javascript React
1 vote226 views1 answer
React-redux imports
Javascript React
1 vote239 views3 answers
How to decode jwt token in react
Javascript React
0 vote210 views3 answers
Router dom react v6
Javascript React
2 votes207 views1 answer
React html input required conditional
Javascript React
3 votes198 views1 answer
React hooks delete item from array
Javascript React
0 vote237 views2 answers
Toastify react not working
Javascript React
0 vote200 views1 answer
Docker react js
Javascript React