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

对不起，每个人，我注意到我在sendind变量中使用的方法与预期的不同。

谢谢您的时间。

反应钩子-通过道具时不确定

1 个答案: