/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

15 votes136 views8 answers
React bootstrap
Javascript React
1 vote134 views1 answer
React stripe npm
Javascript React
1 vote128 views1 answer
I18n turn off suspense react
Javascript React
0 vote128 views1 answer
Resellerclub api with react js
Javascript React
0 vote121 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
18 votes131 views6 answers
Import svg as react component
Javascript React
0 vote130 views1 answer
Clickjacking in react js
Javascript React
0 vote164 views2 answers
How to convert time to users timezone in react
Javascript React
1 vote128 views1 answer
React redux actions must be plain objects
Javascript React
1 vote138 views1 answer
React native create view dynamically
Javascript React