Reactjs - Ручка вложенная onClick [дубликат]

Чтобы проверить, как быстро ваш полный скрипт работает на сервере, есть множество инструментов, которые вы можете использовать. Сначала убедитесь, что ваш сценарий (например, preg_match vs strpos) должен выдавать те же результаты, чтобы квалифицировать ваш тест.

Вы можете использовать:

15
задан vuvu 10 March 2016 в 12:06
поделиться

1 ответ

Правильный способ - использовать .stopPropagation,

var Component = React.createClass({
  handleParentClick: function() {
    console.log('handleParentClick');
  },

  handleChildClick: function(e) {
    e.stopPropagation();

    console.log('handleChildClick');
  },

  render: function() {
    return <div onClick={this.handleParentClick}>
      <p onClick={this.handleChildClick}>Child</p>
    </div>;
  }
});

Example

Ваши обработчики событий будут переданы экземплярами SyntheticEvent, кросс-браузерной оболочки вокруг собственного события браузера. Он имеет тот же интерфейс, что и собственное событие браузера, включая stopPropagation () и preventDefault (), за исключением того, что события работают одинаково во всех браузерах. Event System

28
ответ дан Alexander T. 16 August 2018 в 11:24
поделиться
Другие вопросы по тегам:

Похожие вопросы: