CheckboxWithLabel.js

import React from 'react';

export default class CheckboxWithLabel extends React.Component {
    constructor() {
        super();
        this.state = { check: false };
    }

    handleChange() {
        this.setState({ check: !this.state.check });
    }

    render() {
        return(
            <label>
                <input
                    type = "checkbox" checked = { this.state.check }
                    onChange = { () => this.handleChange() }
                />
                { this.state.check ? "On": "Off" }
            </label>
        );
    }
}