Tag: USE-REF
Tengo un componente principal que contiene varios componentes secundarios de tipo Dropdown. El estado se gestiona dentro del componente principal para mostrar solo un dropdown a la vez. Actualmente, tengo parte funcionando, pero tengo problemas para entender la lógica para hacer que al hacer clic fuera de un dropdown, si . . . Read more
Quiero usar useRef dentro del hook useEffect en el montaje inicial del componente, después de eso me gustaría presionar un botón para cargar otro contenido además de ese, en clic del usuario. Mi implementación actual me arroja un error que dice Error: Los objetos no son válidos como hijos de . . . Read more
Teniendo el siguiente componente: import React from ‘react’; export interface TexareaProps extends React.TextareaHTMLAttributes { maxLength?: number; id: string; } export const Textarea = React.forwardRef( ( { id = ‘my-id’, maxLength = 200, …props }: TexareaProps, ref: React.ForwardedRef ) => { return ( ); } ); export default Textarea; Devuelve un . . . Read more
Estoy utilizando useRef para hacer referencia a un elemento div y almacenando getBoundingClientRect(). Al utilizarlo, obtengo un error de TypeScript que dice “La propiedad ‘height’ no existe en el tipo ‘string’. ¿Cómo puedo solucionar este error? const divRef = useRef(null); const [divSize, setDivSize] = useState(“0”); setDivSize(divRef.current.getBoundingClientRect()); console.log(divSize.height); // Recibo un . . . Read more
Estoy intentando conectar mi componente personalizado a una referencia utilizando useRef de React para poder utilizar html2canvas y renderizar el elemento en un lienzo (canvas). const dataLetters = { headers: [ ‘A’, ‘B’, ‘C’, ‘D’, ‘E’, ‘F’, ‘G’ ], rows: [ [‘A’, ‘B’, ‘C’, ‘D’, ‘E’, ‘F’, ‘G’], ] }; . . . Read more