javascript - useEffect hook 完成后如何渲染组件？

Question

我正在从 api 获取数据，并且我有一个存储数据的钩子(Hook)。我想在 useEffect Hook 获取数据并且数据已设置为 data Hook 后渲染组件。我该怎么做？

编辑:在渲染组件之前我需要数据。

export const App = () => {
  const [data, setData]

  useEffect(() => {
  axios.get("/data").then((res) => setData(res.data)).catch((err) => console.log(err))
  }, [])

  return (
    <div>
      <Home />
    </div>
  )
}

Answer 1

你可以像下面这样做

export const App = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
  axios.get("/data").then((res) => setData(res.data)).catch((err) => console.log(err))
  }, [])

  return (
    <div>
      <Home setData={setData}/> //here you can pass data to the home component and play with the data
    </div>
  )
}