findDOMNode is deprecated and will be removed in the next major release. Instead, add a ref directly to the element you want to reference.

`findDOMNode` 是 React 中的一个旧API，它允许你在组件渲染完成后获取到对应的 DOM 元素。然而，这个方法已经被标记为过时，并将在未来的React版本中移除。推荐的做法是直接使用 `ref` 来引用你需要操作的DOM元素。`ref` 是一种特殊的属性，当你将一个函数传递给它时，React会在组件挂载完成后自动调用该函数并将其返回值绑定到当前组件实例上的一个名为 `_currentRef` 的属性上。例如：

class MyComponent extends React.Component {
  myRef = React.createRef();

  handleClick = () => {
    const domElement = this.myRef.current; // 获取引用的DOM元素
    console.log(domElement);
  };

  render() {
    return (
      <div ref={this.myRef}>Click me</div>
      <button onClick={this.handleClick}>Trigger click handler</button>
    );
  }
}

相关问题

findDOMNode is deprecated and will be removed in the next major release.

findDOMNode is a method in React that allows you to get a reference to a DOM node that is rendered by a component. However, it has been deprecated and will be removed in the next major release of React.

This means that you should avoid using findDOMNode in your code and instead use other ways to interact with the DOM, such as refs or the useEffect hook. Using findDOMNode can lead to performance issues and can make your code harder to maintain.

If you need to access a DOM node in a component, you can use the useRef hook to create a reference to the node. For example:

import { useRef, useEffect } from 'react';

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

  useEffect(() => {
    console.log(myRef.current);
  }, []);

  return <div ref={myRef}>Hello World!</div>;
}

In this example, we create a reference to the div element using the useRef hook and then log it to the console using the useEffect hook.

antdesignpro 引用pro-components报错 findDOMNode is deprecated and will be removed in the next major release.

Ant Design Pro 是一个企业级中后台前端/设计解决方案，它基于 Ant Design 设计体系，而 pro-components 是其中一个组件库。

关于报错 "findDOMNode is deprecated and will be removed in the next major release"，这是因为 React 17 版本中将会移除 findDOMNode 方法，官方建议在代码中尽可能避免使用该方法。

如果你在使用 antdesignpro 引用 pro-components 时遇到这个报错，可以尝试更新 antd 和 pro-components 的版本，或者在代码中避免使用 findDOMNode 方法。另外，如果你的项目需要使用 React 17 版本，也需要注意避免使用 findDOMNode 方法。