/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

6 votes230 views1 answer
Remove yellow warning react native emulator
Javascript React
0 vote238 views1 answer
React-loader-spinner
Javascript React
0 vote266 views1 answer
Add active class to button onclick react
Javascript React
0 vote267 views1 answer
React native text area align top
Javascript React
14 votes232 views2 answers
Photo in React native
Javascript React
2 votes245 views1 answer
React select with react hook form cotroller
Javascript React
0 vote243 views1 answer
Get started with datagrid in react js
Javascript React
0 vote269 views2 answers
React native use route params
Javascript React
2 votes248 views4 answers
Multiple export in react
Javascript React
5 votes257 views2 answers
Gradlew clean in react native
Javascript React