How to count number of checkboxes checked in React Js [#2023]

import React, { useState } from 'react';
function Checkbox() {
    const [check, setcheck] = useState(0);
    const handelCheck = (e) => {
        if (e.target.checked) { setcheck(check + 1) }
        else { setcheck(check - 1) }
    }
    return (
        <div>
            <ul>
                <li> <input onChange={handelCheck} type="checkbox" />  checkbox 1</li>
                <li> <input onChange={handelCheck} type="checkbox" />  checkbox 2</li>
                <li> <input onChange={handelCheck} type="checkbox" />  checkbox 3</li>
                <li> <input onChange={handelCheck} type="checkbox" />  checkbox 4</li>
            </ul>

            <h2> {check} checkbox selected</h2>

        </div>
    )
}

export default Checkbox