/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 votes176 views1 answer
React native text right align
Javascript React
4 votes140 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
3 votes166 views3 answers
How to update react app
Javascript React
0 vote147 views3 answers
Run react native with debugger breakpoint
Javascript React
19 votes156 views6 answers
React native build android apk
Javascript React
0 vote164 views1 answer
React Update a label when rate moves
Javascript React
1 vote144 views1 answer
Difference between dom and react dom
Javascript React
0 vote189 views1 answer
React Readonly fractional rating
Javascript React
9 votes147 views2 answers
Reactjs radio button onchange
Javascript React
0 vote143 views1 answer
Simbu react1
Javascript React