/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

11 votes272 views3 answers
Add condition inside a className in reactjs
Javascript React
0 vote291 views1 answer
React native check os
Javascript React
4 votes268 views1 answer
How to change the tab title in react
Javascript React
0 vote269 views1 answer
React-native-safe-area-context
Javascript React
1 vote239 views3 answers
React mid senior dev interview questuions
Javascript React
0 vote265 views1 answer
React add link to button
Javascript React
0 vote268 views1 answer
How to add a useState in react Js
Javascript React
0 vote255 views1 answer
Unexpected token react
Javascript React
10 votes302 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
0 vote261 views1 answer
Text input underline react native
Javascript React