Блог

В настоящее время я использую библиотеку react-bootstrap (4.6) для рендеринга кода. До сих пор я наметил массив, который выдает eachProdcut данные из моей базы данных. Тем не менее, я попытался получить доступ к значению при нажатии, но оно отправило мне либо undefined или предположительно ожидаемое значение _id .

Я попытался использовать .persist() из пула событий (https://reactjs.org/docs/legacy-event-pooling.html#gatsby-focus-wrapper). Хотя я почему-то все еще иногда получаю это undefined значение.

Что касается onClick события, я попытался передать обычную функцию со стрелкой для обработки события event => select(event) , но безуспешно.

(код) идентификатор попытки доступа:

 <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> 
 

(код) функция пытается получить идентификатор:

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

Все, кажется, работает после использования event.currentTarget.value вместо event.target.value