Estoy usando una lista desplegable de UI Framework Ant Design, necesito ponerle useRef para controlarlo, agregar o eliminar el atributo Visible={true}. TypeScript me da este error.
Escriba '{ niños: Elemento; ref: MutableRefObject; nombre de clase: cadena; superposición: Elemento; disparador: "clic"[]; }' no se puede asignar al tipo 'IntrinsicAttributes & DropDownProps & { children? ReactNode; }'. La propiedad 'ref' no existe para el tipo 'IntrinsicAttributes & DropDownProps & { children? ReactNode; }'.
A continuación se muestran dos capturas de pantalla, el elemento del botón desplegable y el error TS
ingrese la descripción de la imagen aquí
ingrese la descripción de la imagen aquí
ACTUALIZAR**
Mi solución temporal se ve así: si estoy en la página de inicio, mi lista desplegable está abierta, si estoy en otras páginas, se abre después de hacer clic. Pero sería mejor si a través de Ref, pudiera establecer o eliminar el atributo visible={true} ingrese la descripción de la imagen aquí
enlace del código fuente https://github.com/grigoryanhrant/my-app/blob/master/src/components/Header/index.tsx
Los componentes de React no tienen un accesorio de ref por defecto, solo los elementos base como <div> y <span> , etc. Para que un componente de React pase a través de un accesorio de ref , debe usar React.forwardRef() .
Parece que el componente antd "Dropdown" no utiliza React.forwardRef() , por lo que está jodido en este caso. Por supuesto, puede consultar sus pautas de contribución y explorar la posibilidad de enviar una actualización a su base de código para implementar esto...
