Aquí está el jsx
Cuando hago clic en la FILA , myParentClick se activa, pero cuando hago clic en cualquier niño que es myChildClick myChildClick2
Luego activa tanto al padre como al hijo.
El padre se activa primero y luego el hijo
{myData?.map((item, index) => { return( <Row onClick={() => myParentClick(index)}> <Col> // some html tags </Col> <Col> // some html tags </Col> <Col> // React Bootstrap DropDown <DropDown> <DropDown.Toggle> // code </DropDown.Toggle> <DropDown.Menu> <DropDown.Item onClick={() => myChildClick(index)}> <p>some TEXT</p> </DropDown.Item> </DropDown.Menu> </DropDown> </Col> <Col onClick={() => myChildClick2(index)} > <p>some TEXT</p> </Col> <Col onClick={() => myChildClick3(index)} > <p>some TEXT</p> </Col> </Row> ) })}Lo he intentado, en niño, haga clic en e.stopPropagation(); que no funciona
onClick={ (e) => { e.stopPropagation(); myChildClick(index) } }¿Cómo evitar que Parent onClick haga clic en child onClick?
Tomé tu código e intenté reproducir tu problema. por alguna razón, su stopPropagation no funciona para usted, pero cuando lo probé, funciona bien:
Probar
onClick={ (e) => { if (e.defaultPrevented) return e.preventDefault() myChildClick(index) } }