/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 vote192 views1 answer
Jsx not working in react vscode
Javascript React
1 vote198 views2 answers
What is reactive method
Javascript React
8 votes172 views2 answers
Useref in react typescrpt
Javascript React
0 vote193 views1 answer
How to add css based on route react
Javascript React
0 vote219 views1 answer
React router dom v6 active link
Javascript React
0 vote198 views1 answer
Edit json text react
Javascript React
3 votes212 views1 answer
React export
Javascript React
1 vote201 views1 answer
Rich editor react
Javascript React
0 vote199 views1 answer
Dlowlad the json fiel in react js pretty formate
Javascript React
0 vote200 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React