javascript - 使用 stopPropagation 时无法读取未定义的属性 'findDOMNode' - ReactJs

Question

我需要通过深层嵌套组件进行事件冒泡，我尝试做如下的事情

   import {ReactDOM,render, unmountComponentAtNode} from 'react-dom';

  .........
  .........

  componentDidMount() {
    ReactDOM.findDOMNode(this).addEventListener('click', (event) => {
    event.stopPropagation();
  }, false)
}

我收到以下错误

bundle.js:45 Uncaught TypeError: Cannot read property 'findDOMNode' of undefined

Answer 1

ReactDOM 是默认导出，导入 findDOMNode 而不是 ReactDOM。试试这个:

import {findDOMNode ,render, unmountComponentAtNode} from 'react-dom';
...
componentDidMount() {
    findDOMNode(this).addEventListener('click', (event) => {
    event.stopPropagation();
  }, false)
}

或者

import ReactDOM from 'react-dom';
...
componentDidMount() {
    ReactDOM.findDOMNode(this).addEventListener('click', (event) => {
    event.stopPropagation();
  }, false)
}