Пересечение кликов на элемент REACT JS

152
23 мая 2019, 19:40

Как обойти пересечение кликов(событий) в REACT.

  1. RoomItem - родительский элемент
  2. RoomItemHeader - дочерний элемент

На эти 2 элемента стоят разные события, но если я кликну по дочернему, то сработает только родительский. Нужно чтобы на каждый элемент срабатывало свое событие

<RoomItem onClick={method}>
<RoomItemHeader onClick={method2}>
   header
</RoomItemHeader>
</RoomItem>
Answer 1

Помогло убрать вложение и сделать position: absolute;

<Room style={{position: 'relative'}}>
   <RoomItemHeader onClick={method2} style={{position: 'absolute'}}>
     header
   </RoomItemHeader>
   <RoomItem >
      item
   </RoomItem>
</Room>
ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте beauty-health.com.ua
ТОП-10
READ ALSO
RethinkDB JavaScript преобразовать дату из строки в ISO8601
javascript

RethinkDB JavaScript преобразовать дату из строки в ISO8601

Нужно сконвертировать даты в RethinkDB из строки во внутренний формат БДОбщаться с БД можно при помощи API на JS из браузера

 118
Отправка данных через xhr.send(finalFiles); и их обработка в php
javascript

Отправка данных через xhr.send(finalFiles); и их обработка в php

Есть формаБольшая часть данных с нее собирается и обрабатывается в PHP, кроме одного инпута

 122
Возможно ли запросом в MySQL выбрать таблицу?
MySQL

Возможно ли запросом в MySQL выбрать таблицу?

Возможно ли написать SQL-запрос типа "Select table From DBname Where date > '2017-02-11'"? Если да, то как правильно это сормулировать?

 157
Получить количество строк по колонке?
MySQL

Получить количество строк по колонке?

У меня есть таблица orders, в ней у товара есть колонка category_idВопрос, как мне составить запрос наиболее быстрый, чтобы получить все уникальные...

 152