reactjs conditionally set classes code example

Example 1: react add class conditionally

<div className={`btn-group pull-right ${this.props.showBulkActions ? 'shown' : 'hidden'}`}>

Example 2: react conditional class

<div className={"btn-group pull-right " + (this.props.showBulkActions ? 'show' : 'hidden')}>

Example 3: conditional classname prop react

<span className={todo.completed ? "true" : ""}>

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