/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

0 vote236 views1 answer
Text field drag and drop reactjs
Javascript React
0 vote221 views2 answers
React composition
Javascript React
1 vote235 views1 answer
React manifest.json 404 (not found)
Javascript React
0 vote223 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
6 votes240 views2 answers
#react native shadow
Javascript React
0 vote260 views1 answer
Antd react native
Javascript React
1 vote249 views1 answer
React multiple event handlers]
Javascript React
0 vote233 views1 answer
React native firebase login with facebook
Javascript React
157 votes335 views6 answers
Create new react app
Javascript React
0 vote231 views1 answer
React native scrollview scrollto()
Javascript React