/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

18 votes126 views5 answers
How to use svg in react js
Javascript React
0 vote154 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
13 votes116 views1 answer
Reactjs useState() hook
Javascript React
0 vote147 views1 answer
Get height webview from url video react native
Javascript React
0 vote137 views1 answer
User account in react
Javascript React
0 vote136 views1 answer
React js child css
Javascript React
0 vote139 views1 answer
Reactnative print in ios
Javascript React
0 vote134 views1 answer
Using redux on react extension
Javascript React
0 vote135 views1 answer
How do i make a link to direct me to a new page when i click on a button in react
Javascript React
31 votes135 views1 answer
React router dom IndexRedirect
Javascript React