https://codepen.io/Sparky1609/pen/LYObKWq

Menú desplegable
La imagen de la flecha en la imagen está dentro de mi clase div. Necesito la función de manejo (onClick), por lo que cuando se hace clic en ella, necesito mostrar el menú desplegable.
mi código de reacción:

 <Styled.Container w={width}> <Styled.Select required {...props}> {children} </Styled.Select> <div onClick={handleClick}> <FiChevronDown size={14} strokeWidth={4} color={Colors.black} width={14} /> </div> </Styled.Container>

Este es mi estilo para Styled.Container

 display: flex; position: relative; align-items: center; @media screen and (max-width: ${Breakpoints.xs}) { width: 100%; } div { position: absolute; right: 0; cursor: pointer; } svg { margin-left: 8px; }

Necesito la función handleclick para mi etiqueta div. Entonces, cuando hago clic en eso, mi campo de entrada de selección debería abrirse.