0
174
Vistas¿Qué tipo se pasa a las funciones de `onClick`?
Tengo un javascript que se parece a esto:
const menu = ( <Menu onClick={handleMenuClick}> {menuItems.map((item) => ( <Menu.Item key={item.key} icon={item.icon} style={styles.item}> <span style={{ marginLeft: "5px" }}>{item.value}</span> </Menu.Item> ))} </Menu> ) Siendo la pieza clave el handleMenuClick
Esa función se define como:
const handleMenuClick = (event) => { console.log(event.key) console.log(typeof (event.key)) } Sin embargo, no estoy seguro de qué tipo de event es y cómo obtiene el valor key .
Además, cuando pruebo esto en mecanografiado, parece que es un evento sintético . Sin embargo, trato de acceder al valor key con e.target.value y sigo recibiendo errores.
Así que no estoy seguro de lo que no estoy entendiendo
1 Respuestas
Responde la pregunta0
Cuando tiene una función TS que acepta una devolución de llamada y desea definir la devolución de llamada en otro lugar pero no está seguro de la escritura correcta para usar, primero escriba la función en línea con la devolución de llamada y use un IDE que pueda decirle los tipos de variables Luego mira el tipo de la variable:
Luego copie ese tipo cuando defina una devolución de llamada independiente que pueda pasar.
Esto funciona no solo para onClick en React, sino para cualquier situación en la que se trate de una devolución de llamada para la que no sepa el tipo adecuado.