提供给 `MaterialTable` 的道具 `data` 无效，应为 [function] 类型之一

Question

我在 jhipster 应用程序中工作，数据来自 postgress sql。 api 是 http://localhost:8080/api/agreements 并且我试图在反应中显示数据 material table 但我收到此错误“无效的道具data 提供给 MaterialTable，在编写我的函数后期望在我的控制台上出现类型 [function]"。

让我向您介绍下面的代码：

React 组件内部

  const apiUrl = 'http://localhost:8080/api/agreements';
  const [data, setData] = useState([]);


    useEffect(() => {
    getAgreementsData();
    }, []);

    const getAgreementsData = () => {
    fetch(apiUrl)
  .then(res => res.json())
  .then(res => setData(res));

};

JSX 内部

      <MaterialTable
      title="Agreements"
      data={data}
      columns={columns}/>

正在显示列，但没有显示数据。

并且这个警告在控制台上“ GET http://localhost:8080/api/agreements 401 (Unauthorized)”

Answer 1

后来我使用 axios get 而不是 fetch 解决了这个错误。

     useEffect(() => {
     getAgreementsData();
      }, []);

     const getAgreementsData = () => {
     axios.get(apiUrl).then(res => setData(res.data));
      };

提供给 `MaterialTable` 的道具 `data` 无效，应为 [function] 类型之一

Invalid prop `data` supplied to `MaterialTable`, expected one of type [function]

reactjs

jhipster

material-ui

react-hooks