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

使用stopPropagation - reactJs时无法读取未定义的属性"findDOMNode"。

在React中，stopPropagation是一个事件处理函数，用于阻止事件冒泡，即阻止事件从子组件向父组件传递。然而，当在React中使用stopPropagation时，可能会遇到无法读取未定义属性"findDOMNode"的问题。

这个问题通常是由于React版本升级引起的，自React v16.3版本开始，官方已经废弃了findDOMNode方法。findDOMNode方法用于获取组件的DOM节点，但由于它可能导致一些性能问题和不稳定的行为，因此被官方废弃。

解决这个问题的方法是使用ref属性来获取组件的DOM节点。ref属性可以在组件中创建一个引用，然后通过该引用来访问组件的DOM节点。

以下是一个示例代码，展示如何使用ref属性来获取组件的DOM节点：

import React, { useRef } from 'react';

const MyComponent = () => {
  const myRef = useRef(null);

  const handleClick = (event) => {
    event.stopPropagation();
    const node = myRef.current;
    // 在这里可以使用node来访问组件的DOM节点
  };

  return <div ref={myRef} onClick={handleClick}>My Component</div>;
};

在上面的示例中，我们使用了useRef钩子来创建一个引用myRef，并将其赋值给组件的DOM节点。然后，在handleClick函数中，我们可以通过myRef.current来访问组件的DOM节点。

需要注意的是，ref属性只能用于类组件和函数组件中使用了forwardRef函数包装的组件。如果是普通的函数组件，可以使用forwardRef来包装组件，以便使用ref属性。

总结起来，当在React中使用stopPropagation时，无法读取未定义的属性"findDOMNode"是因为官方废弃了findDOMNode方法。解决这个问题的方法是使用ref属性来获取组件的DOM节点。