How to make children clicked when clicking parent

Question

How can I make children clicked when clicking parent?

My component is like this

const AllForms = ({ data }) => {
    const divclick = ()=>{
        // click all the buttons inside the div
    }
    const populateFormidButton = () => {
        return data.subs.map((i, index) => {
            return (
                <button key={index} type="submit" form={i.formId}></button>
            )
        })
    }
    return (
        <div onClick={divclick}>
            {populateFormidButton()}
        </div>
    )
}
export default AllForms

I want when I click the div all the buttons inside that div will be clicked too. How to do that?