/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

2 votes325 views1 answer
How to dynamically show image from local storage in react native
Javascript React
3 votes361 views1 answer
How to test on user reaction discord.js
Javascript React
0 vote351 views1 answer
How to set max length of input in react js
Javascript React
0 vote357 views1 answer
As it does not contain a package.json file. react
Javascript React
0 vote344 views1 answer
React-map-multidimensional-array
Javascript React
0 vote334 views1 answer
React router dom change default path
Javascript React
0 vote338 views1 answer
Easy REACT download image
Javascript React
1 vote346 views1 answer
Vim react snippets
Javascript React
0 vote346 views1 answer
Lite youtube embed react
Javascript React
0 vote339 views2 answers
React material ui
Javascript React