反应显示 findDOMNode 在带有 devextreme 数据网格的 StrictMode 中被弃用

如何解决反应显示 findDOMNode 在带有 devextreme 数据网格的 StrictMode 中被弃用

我们使用 devextreme dxdatagrid 来呈现数据，所有列和网格相关数据都来自 API 调用。代码运行良好，但是当我们在浏览器上检查时，我们看到“在 StrictMode 中不推荐使用 findDOMNode。findDOMNode 被传递了一个 TemplateWrapper 的实例，它在 StrictMode 内。相反，直接向要引用的元素添加一个引用。了解更多关于在这里安全地使用 refs”。无法理解这里出了什么问题。以下是我们正在使用的代码片段。

function Queue() {
  const [queueData,setqueueData] = useState([]);
  const [dataSourceCols,setdataSourceCols] = useState([]);

  useEffect(() => {
    queueColService().then((res) => {
      setdataSourceCols(res.columns)
    });
  },[]);

  useEffect(() => {
    queueDataService().then((res) => {
      setqueueData(res);
    });


  },[]);

  function cellRender({ column,columnIndex,data,value }) {
    return <p>{value}</p>;
  }

  return (
    <> 
      <DataGrid
        id="dxGrid"
        dataSource={queueData}
        columnMinWidth={50}
        columnAutoWidth={true}
      >
        {dataSourceCols.map(function (item,i) {
          return (
            <Column
              key={i}
              datafield={item.datafield}
              visible={item.visible}
              caption={item.caption}
              cellRender={cellRender}
            />
          );
        })}
      </DataGrid>
    </>
  );
}

export default Queue;