javascript - React.js 通过 e.target 访问组件 Prop

Question

我想访问项目描述以将它们添加到“购物车”。确切地说，我想更改项目点击时的 Hook 值。谢谢你的时间一些代码在这里:

{items.map(
      item =>(
        <Item src={item.recipe.image} 
        desc = {item.recipe.label}
        price = {`${(item.recipe.label).length}$`} 

        />

      )
    )}

Answer 1

您可以将 desc 中的值作为参数传递给 onClick 函数，而不是试图破解属性/ Prop 的值

{items.map(
      item =>(
        <Item src={item.recipe.image} 
        desc = {item.recipe.label}
        price = {`${(item.recipe.label).length}$`} 
        onClick = {(e) => handleClick(e,item.recipe.label)}
        />
      )
    )}

并在 handleClick 函数上获取第二个参数作为 desc