В ReactJS, как я могу вызвать прослушиватель onClick родительского элемента div, независимо от того, запускается ли щелчок по дочернему элементу? В следующем коде onItemClick запускается только в том случае, если я нажимаю где-нибудь в родительском div, где нет дочерних элементов.

<div class={className} onClick={this.onItemClick}>
    <Row key={"row_"+id}>
        <Col><FormGroup controlId={"name"}><Form.Control type="text" disabled value={name}/></FormGroup></Col>
        <Col><FormGroup controlId={"status"}><Form.Control type="text" disabled value={status}/></FormGroup></Col>
        <Col><FormGroup controlId={"warmth"}><Form.Control type="text" disabled value={warmth}/></FormGroup></Col>
    </Row>
</div>
0
Simen Russnes 28 Окт 2019 в 12:50
Делегирование событий поможет: javascript.info/event-delegation
 – 
sibasishm
28 Окт 2019 в 12:57
Это может быть связано с тем, что ваши дочерние компоненты имеют свою собственную функцию onClick.
 – 
An Nguyen
28 Окт 2019 в 15:11

1 ответ

Вы можете передать родительскую функцию onclick дочернему элементу с реквизитами и вызвать this.props.onClick в div onClick дочернего элемента.

0
aligumustosun 28 Окт 2019 в 16:33