Javascript 单击子项时触发父项onClick

在ReactJS中，如何触发父

div

的

onClick

侦听器，而不管单击是否在子元素上触发？对于以下代码，

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>

您可以使用props将父对象的onclick函数赋予子对象，并在子对象的div onclick中调用this.props.onclick

事件委派应该有帮助：这可能是因为您的子组件有自己的

onClick

功能。