Tag: REACT-TSX
Cuando hago esto: const Button = styled.button.attrs((props:ButtonProps) => ({ primary: props.buttonType === ‘primary’, secondary: props.buttonType === ‘secondary’, critical: props.buttonType === ‘critical’, small: props.buttonSize === ‘small’, })) Obtengo el siguiente error con TS: Imagen Mis tipos son los siguientes: type ButtonProps = { buttonType?: ‘primary’ | ‘secondary’ | ‘critical’; children?: React.ReactChild . . . Read more
Tengo el siguiente componente: // … type StringOrNumber = string | number; type InputProps<t extends=”” stringornumber=””> = { value: T; onSubmit: (value: T) => void; }; export default function Input<t extends=”” stringornumber=””>(props: InputProps<t>) { const [value, setValue] = useState(props.value.toString()); // Llamado al presionar enter y al perder el foco const . . . Read more
Agregué la configuración de TypeScript para las rutas: { // ….. “moduleResolution”: “node”, { “baseUrl”: “app”, “paths”: { “@app/“: [““], “@folder/“: [“folder/“], // Otras rutas }, } Añadí la configuración a webpack: resolve: { extensions: [“.tsx”, “.ts”, “.js”, “.jsx”, “.css”, “.json”], alias: { “@app”:path.resolve(__dirname + “../”, “app”), “@services”:path.resolve(__dirname + “../app”, . . . Read more
En primer lugar, intentaré explicar mi problema. Tengo un historial de usuarios (array) y muchos días en este historial (también arrays) y cada día tiene usuarios (objetos) que obtengo de una consulta “get”. Resulta una estructura como esta: [ [ {} ,{},{},{} ], [ {},{},{} ], [ {},{},{} ] ]. . . . Read more
Con el fin de beneficiar el diseño del desplegable de reacciones, quiero utilizarlo como una barra de búsqueda con los resultados mostrados en el menú desplegable. Pero el oyente de teclas por defecto que permite navegar por los resultados mediante el teclado (teclas de flecha arriba/abajo), sólo es capturado por . . . Read more