Humane React: Example 03

by kaisershahid

HTML

<div id="example-03"></div>

React

class OptionalExpirationDate extends React.Component {
    render() {
        return <div className="optional-expiration-date">
            <input type="checkbox" name="enableExpiration" />
            <input type="text" name="expirationDate" disabled />
            <div className="errorMessage" style={{display: 'none', background: 'red', color: 'white'}}></div>
        </div>;
    }
}

let opt = <OptionalExpirationDate />;
ReactDOM.render(opt, document.getElementById('example-03'));