首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >TypeError:从API获取数据时,data.forEach不是react中的函数

TypeError:从API获取数据时,data.forEach不是react中的函数
EN

Stack Overflow用户
提问于 2021-07-05 21:17:52
回答 1查看 82关注 0票数 0

我正在获取TypeError: data.forEach不是我试图从API中为我的仪表板获取数据的函数,但对于我在教程中研究的url,我使用的是react table axios。

代码语言:javascript
运行
复制
function App() {
const [data, setData] = useState([]);

    
    useEffect(() => {
      (async () => {
        const result = await axios("https://reqres.in/api/users?page=1");
        setData(result.data);
      })();
    }, []);

  const columns = useMemo(
    () => [
      {
        
        Header: "User",
        
        columns: [
          {
            Header: "ID",
            accessor: "data.id"
          },
          {
            Header: "Email",
            accessor: "data.email"
          }
        ]
      }
EN

回答 1

Stack Overflow用户

发布于 2021-07-05 21:21:11

您的数据对象位于result.data.data内部。

代码语言:javascript
运行
复制
function App() {
const [data, setData] = useState([]);

    
    useEffect(() => {
      (async () => {
        const result = await axios("https://reqres.in/api/users?page=1");
         //  result.data is from axios response (it have all data from api)
         // your data object is inside result.data.data
        setData(result.data.data);
      })();
    }, []);

  const columns = useMemo(
    () => [
      {
        
        Header: "User",
        
        columns: [
          {
            Header: "ID",
            accessor: "data.id"
          },
          {
            Header: "Email",
            accessor: "data.email"
          }
        ]
      }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68256842

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档