I guess you should use recompose

withStateToggleHOC.jsx

const withStateToggle = (name, defaultValue) => ComposedChild => (
    class Container extends Component {
        constructor (props) {
            super(props);

            this.state = {
                [name]: defaultValue
            };

            this.toggle  = this.toggle.bind(this);
            this.enable  = this.enable.bind(this);
            this.disable = this.disable.bind(this);
        }

        toggle () {
            this.setState({[name]: !this.state[name]});
        }

        enable () {
            this.setState({[name]: true});
        }

        disable () {
            this.setState({[name]: false});
        }

        render () {
            const handlers = {
                [name]:             this.state[name],
                [`${name}Toggle`]:  this.toggle,
                [`${name}Enable`]:  this.enable,
                [`${name}Disable`]: this.disable
            };
            return (
                <ComposedChild
                    {...this.props}
                    {...handlers}
                />
            );
        }
    }
);