Question

var mark = null;
class Demo extends React.Component {
  handleClick(evt) {
    mark = "outer";
  }
  handleSpanClick(evt) {
    mark = "inner";
  }
  render() {
    return (
      <div onClick={this.handleClick.bind(this)}>
        <span onClick={this.handleSpanClick.bind(this)}>
          inner
        </span>
      </div>
    )
  }
}

例如，我希望商标是＆＃34;内部＆＃34;当我点击跨度时，实际上，标记将是＆＃34;外部＆＃34;。我知道span的onClick事件将首先被调用，所以我不能得到＆＃34; inner＆＃34;。

我怎样才能得到＆＃34;内心＆＃34;在这个样本中？

Answer 1

Example for Bubbling and Capturing in React.js

React支持冒泡和捕获的方式与由DOM规范描述，除了你如何附加处理程序。

<div onClickCapture={this.handleClick.bind(this)}>
...

在嵌入组件

1 个答案: