reactjs - 有什么方法可以解决这个错误，每次单击 mui 数据表时，在 StrictMode 中不推荐使用 findDOMNode 的错误？

Question

这就是每次我单击 muidatatable 时错误所说的内容。有什么办法可以解决这个问题吗？如果不修复，会不会在我要部署项目时引起一些未来的问题？

index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here:

这是我的代码：

import React, {Component} from 'react';
import MUIDataTable from "mui-datatables";
import {firestore} from './../../../firebase/firebase.utils';

class UserTable extends Component {
    constructor() {
        super();
        this.state = { users: []};
      }

    columns = ["Display Name", "Email", "Address"];
    options = {
        filter: true,
        selectableRows: 'none',
      };
  

    componentDidMount() {
        firestore.collection('users')
            .get()
            .then( snapshot => {
                const users = []
                 snapshot.forEach(doc => {
                    const data = doc.data()
                    users.push({"Display Name":data.displayName, 'Email': data.email, 'Address' : data.address});
                })
                this.setState({ users : users})
                // console.log(snapshot)
            })
        .catch(error => console.log(error))
    }   

    render() {
        return this.state.users ? (
            <MUIDataTable
              title={"List of Users"}
              columns={this.columns}
              data={this.state.users}
              options={this.options}
            />
          ) : (
            <div>Loading...</div>
          );
        }
      }
 
export default UserTable;

Answer 1

要修复此错误，您必须将 @material-ui/core 更新到 v5 或删除 StrictMode。 Github问题