React.js通过e.target处理组件道具

Question

我想访问desc将其添加到“购物车”中。 正是我想更改项目单击时的挂钩值。 谢谢你的时间 一些代码在这里：

{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