/Javascript/React/How do I conditionally add attributes to React components?

How do I conditionally add attributes to React components?

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} />
        );
    }
});

Similar codes

2 votes344 views2 answers
Await in react in function component
Javascript React
-2 votes328 views1 answer
Multiple image upload react
Javascript React
0 vote405 views1 answer
Get size of a View in React Native
Javascript React
1 vote341 views1 answer
Lazy loading pagination react npm
Javascript React
1 vote372 views1 answer
React counter input
Javascript React
0 vote327 views1 answer
Label tag alternative in react native
Javascript React
9 votes342 views1 answer
Create react app in existing folder
Javascript React
12 votes288 views3 answers
React form hook npm
Javascript React
2 votes310 views2 answers
Splice state react
Javascript React
0 vote365 views1 answer
Disable autocomplete in react fields
Javascript React