/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

86 votes195 views3 answers
React check if window exists
Javascript React
0 vote178 views1 answer
Only numbers or string. Input field in React
Javascript React
1 vote196 views6 answers
Tailwind css in react
Javascript React
0 vote197 views1 answer
React auto import sometime not working
Javascript React
26 votes240 views6 answers
React js
Javascript React
0 vote193 views1 answer
React js Property 'Select' does not exist on type 'Form'.ts(2339) an
Javascript React
1 vote188 views1 answer
Get children react
Javascript React
1 vote186 views3 answers
Antd react
Javascript React
0 vote222 views1 answer
Change candle color react highcharts
Javascript React
0 vote212 views1 answer
Lite youtube embed react
Javascript React