无法获取反应引导组件事件目标值

Question

我目前使用react-bootstrap(4.6)库来渲染代码。到目前为止，我已经从数据库中映射了一个数组来给出eachProdcut。然而，我试图在点击时访问值，但它向我发送了undefined或所谓的期望值_id。

我尝试使用.persist()从事件池(https://reactjs.org/docs/legacy-event-pooling.html#gatsby-focus-wrapper)。尽管有时我还是会收到undefined的值。

对于onClick事件，我尝试传递通常的箭头函数来处理事件event => select(event)，但没有成功。

(代码)Id试图访问:

<ListGroup.Item action onClick={select} className="product-item" key={eachProduct._id} value={eachProduct._id}>
<Row>
<Col>
{eachProduct.name}
</Col>
<Col className="text-right">
{eachProduct.isActive ?
<strong className="text-success">Active</strong>:
<strong className="text-danger">Inactive</strong>}
</Col>
</Row>
</ListGroup.Item> 

(代码)试图取id:

的函数

const select = (event) => {
event.persist()
console.log(event.target.value) // returning either undefined or expected output id
}

Answer 1

使用event.currentTarget.value而不是event.target.value后，一切似乎都工作