HoverCounter Pre HOC

HoverCounter.jsx

import React from 'react';

class HoverCounter extends React.Component {
        constructor() {
                super()
                this.state = {
                    count: 0
                }
            }
        increment = () => {
            this.setState(prevState => {
                return {count: prevState.count + 1}
            })
        }
        render(){

        return (
            <h2 onMouseOver={props.increment}>
                {props.count}</h2>
        );
}}

export default HoverCounter;