反应钩子 - 传递道具时，它变得未定义

Question

你能帮我解决代码中遇到的问题吗？ 我正在尝试在我的页面中设置一个按钮以获取有关行的更多信息。但是，在我调用的方法中，它得到"未定义"的值。

你能帮我知道我做错了什么吗？ 这是我的代码：

const mostrarDetalles = async (e:any, f:any) => {       // This is the method I'm calling with my button
console.log(e);   // Here it prints 'undefined'
console.log(f);   // Here it prints 'undefined'
try {
const result = await axios.get('https://inventario-services.herokuapp.com/invservice/plato/getPlato/?nombre=' + f, config);
let data = result.data.receta
for(let i = 0 ; i< data.length ; i++ ) {
data[i].nombreIng = await getNombre(data[i].codigo_spro);
data[i].cantIng = await getCantidad(data[i].codigo_spro);
if(data[i].cantIng >= (data[i].cantidad * e)){
data[i].posible = true;
}
else{
data[i].posible = false;
}
}
setStockRecetas(data);
} catch(err) {
console.log(err); 
}
}
return(
<Container>
<Segment textAlign='left'>
{predicciones.map(pr => (
<div>
<p>+ {pr.cantidad_plato} -> {pr.plato} - {pr.precision}</p>
<Button onClick={() => {mostrarDetalles(pr.cantidad, pr.nombre_plato)}} >Ver disponibilidad</Button>       // Here is the button that is calling the method
</div>
))}
</Segment>
</Container>
);

作为附加信息，我使用箭头函数，因为这是我在调用方法时发现添加参数的方式。我错了吗？

谢谢你的帮助。

Answer 1

对不起大家，我注意到我在我期望的方法中被发送了一个不同的变量。

谢谢你的时间。