JSFiddle - React, Tailwind, and code Playground

Babel + JSX

<div className="field">
    <div className="control">
        <label className="checkbox">
            <input
                name="terms"
                type="checkbox"
                checked={this.state.terms}
                onChange={this.handleChange}
            />
            I agree to the <a href="https://google.com">terms and conditions</a>
        </label>
    </div>
</div>