/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

3 votes205 views1 answer
Render image url in react native
Javascript React
1 vote224 views1 answer
Lazy loading pagination react npm
Javascript React
7 votes199 views4 answers
Import image in react js
Javascript React
1 vote208 views1 answer
Functional component how to add to existing array react
Javascript React
0 vote273 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
0 vote208 views1 answer
React native whatsapp integration
Javascript React
5 votes193 views2 answers
Lazy loading react
Javascript React
0 vote202 views1 answer
React native add two view
Javascript React
1 vote215 views2 answers
Autofocus react
Javascript React
5 votes215 views3 answers
Linear gradient react js
Javascript React