小编Dir*_* 96的帖子

使用 React Hooks 多次获取数据 axios

我想从 Github 用户和他的存储库中获取全局信息(并且固定存储库会很棒)。我尝试使用 async await 来实现,但这是正确的吗?我有 4 次 reRender(4 次控制台日志)。获取所有数据后是否可以等待所有组件重新渲染?

function App() {
  const [data, setData] = useState(null);
  const [repos, setRepos] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      const respGlobal = await axios(`https://api.github.com/users/${username}`);
      const respRepos = await axios(`https://api.github.com/users/${username}/repos`);

      setData(respGlobal.data);
      setRepos(respRepos.data);
    };

    fetchData()

  }, []);

  if (data) {
    console.log(data, repos);
  }

  return (<h1>Hello</h1>)
}
Run Code Online (Sandbox Code Playgroud)

reactjs axios react-hooks

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

axios ×1

react-hooks ×1

reactjs ×1