如何从axios将数据插入列

Question

我的 reactjs 应用程序是使用基于函数的构建的，目前尝试以数据网格形式显示来自我的 API 的用户数据。当我测试我的代码时，控制台结果给我一个错误，它说“TypeError：destroy is not a function”。也许是因为我不知道该怎么做。这是我的 reactjs 部分代码。

const [state, setState] = React.useState({
    columns: [
      { title: 'Name', field: 'name' },
      { title: 'Surname', field: 'surname' },
      { title: 'Birth Year', field: 'birthYear', type: 'numeric' },
      {
        title: 'Birth Place',
        field: 'birthCity'
      },
    ]
  });

  useEffect(() => 
    Axios.get('http://localhost/api/User/GetUsers')
    .then(response => {     
      setState(response.data);

      console.log(response.data);
    })
    .catch(error => {
      console.log(error);})    
  );  

我错过了什么吗？

Answer 1

由于多次调用useEffect和setState导致内存泄漏导致的错误，因此您可以通过useEffect中的空白数组[]定义依赖关系

useEffect(() => {
    Axios.get('http://localhost/api/User/GetUsers')
    .then(response => {     
      setState(response.data);

      console.log(response.data);
    })
    .catch(error => {
      console.log(error);})    
  },[]);