Toggle Util

import React, {Component, Fragment} from 'react';           components/utilities/toggle.js
class Toggle extends Component {                              
    state = {
        on: false
    };
    toggle = ()=> {
        this.setState({
            on: !this.state.on
        });
        console.log("on", this.state.on)
    };
    render() {
        const {render} = this.props;
        return (
            <> !--> this is Fragment if you havent seen them look it up! they rock!
            {
                render(
                    {
                        on: this.state.on,
                        toggle: this.toggle
                    }
                )
            }
            </>
        )
    }
}

export default Toggle;