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 方法。

相关问题

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.

react-dom.development.js:86 Warning: findDOMNode is deprecated and will be removed in the next major release.

React.findDOMNode()方法是用于获取组件的DOM节点，但是这个方法已经被标记为不推荐使用，并将在未来的版本中被移除。替代方法是使用React.createRef()来创建ref对象，然后通过ref.current属性获取DOM节点。这种方式更加直接，而且更加灵活，因此建议使用新的API替代findDOMNode()方法。

如果你在项目中已经在使用findDOMNode()方法，可以考虑替换为新的API。如果你需要继续使用findDOMNode()方法，可以在调用时给出一个警告，提醒用户该方法已经被标记为不推荐使用。