Checkbox in React

CheckBox.js

var React = require('react');
var PropTypes = React.PropTypes;

var CheckBox = React.createClass({
    propTypes: {
        addClass: PropTypes.string,
        text: PropTypes.string,
        onCheck: PropTypes.func.isRequired,
    },
    getInitialState: function() {
        return {
            isChecked: false,
        };
    },
    updateCheckState: function () {
        this.setState({
            isChecked: !this.state.isChecked,
        })
       this.props.onCheck(this.state.isChecked);
    },
    render: function() {

        var checkboxIcon = "fa-square-o";
        if (this.state.isChecked) {
            checkboxIcon = "fa-check-square-o";
        }

        return (
            <p className={this.props.addClass}>
                <a href="javascript:void(0);" onClick={this.updateCheckState}><i className={"fa " + checkboxIcon} /></a> {this.props.text || ""}
            </p>
        );
    }

});

module.exports = CheckBox;

Super plain checkbox built in React, using font awesome icons to drive the checkbox css. Relying on regular html checkboxes was too much work.

Example: https://jsfiddle.net/05goztut/