/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 votes291 views1 answer
React native open email client expo
Javascript React
4 votes308 views3 answers
Reactjs date format dd/mm/yyyy
Javascript React
1 vote387 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
3 votes292 views1 answer
React on hover reveal
Javascript React
2 votes372 views2 answers
Past value from parent in reactjs
Javascript React
1 vote297 views2 answers
React toastify
Javascript React
1 vote312 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
3 votes306 views2 answers
React native animated sticker
Javascript React
2 votes350 views3 answers
How to get current date in react js
Javascript React
30 votes285 views6 answers
React if statement
Javascript React