使用 stopPropagation - reactJs 时无法读取未定义的属性“findDOMNode”答案

【问题标题】：Cannot read property 'findDOMNode' of undefined when using stopPropagation - reactJs使用 stopPropagation - reactJs 时无法读取未定义的属性“findDOMNode”
【发布时间】：2017-12-13 02:55:56
【问题描述】：

我需要通过深层嵌套组件进行事件冒泡，我尝试做一些类似下面的事情

   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

【问题讨论】：

标签： javascript reactjs event-bubbling react-dom

【解决方案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)
}

【讨论】：