/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

0 vote178 views1 answer
Most common use cases of portals in react
Javascript React
0 vote193 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
0 vote189 views1 answer
Refresh page by hand in react
Javascript React
0 vote179 views1 answer
Textfield label language react
Javascript React
4 votes202 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote188 views2 answers
Get selected value on componentdidmount reactjs
Javascript React
32 votes171 views1 answer
How to use routes in react js
Javascript React
0 vote190 views1 answer
Popup react now ui
Javascript React
1 vote177 views2 answers
Await fetch in react
Javascript React
1 vote180 views1 answer
Horizontal scroll onclick react
Javascript React