/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

11 votes149 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
131 votes327 views6 answers
Creating react app
Javascript React
8 votes133 views2 answers
Useref in react typescrpt
Javascript React
1 vote154 views1 answer
React native get numeric random string length of 5 characters
Javascript React
1 vote151 views1 answer
React-native razorpay
Javascript React
0 vote143 views1 answer
React native picker not taaking height on android
Javascript React
0 vote145 views2 answers
React native view background transparency
Javascript React
0 vote142 views5 answers
How to use paystack with react
Javascript React
0 vote125 views1 answer
Adding js file to reactjs
Javascript React
0 vote135 views1 answer
Preventive vs reactive
Javascript React