How a parent component can reuse two dropdown components

ComposeDropDownParent.jsx

class ParentComponent extends Component {
    state = {
        active: true,
    }
    
    toggleVisibility = () => 
        this.setState(({ active}) => ({
            active: !active
        }))
    
    render() {
        return(
            <ParentComponent>
                <DropDown active={active} toggleVisibility={this.toggleVisibility}/>
                <DropDown active={!active} toggleVisibility={this.toggleVisibility}/>
            </ParentComponent>
        )
    }
}

const DropDown = ({active , toggle }) => {
    <div onClick={toggle}>
        ...some code
    </div>
}