javascript - 如何从 axios 将数据插入列

Question

我的reactjs应用程序是使用基于函数构建的，目前尝试以数据网格形式显示来 self 的API的用户数据。当我测试我的代码时，控制台结果给了我一个错误，它说“TypeError:destroy is not a function”。也许是因为我不知 Prop 体该怎么做。这是我的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);})    
  },[]);