多次使用 useEffect 获取数据

【问题标题】：Using useEffect fetch data several times多次使用 useEffect 获取数据
【发布时间】：2019-04-02 02:30:54
【问题描述】：

我只是 React Hooks 的新手，并且可以玩弄它。

只是想知道是否有任何解决方案可以在 componentDidMount 之后使用 useEffect 多次获取数据。

通常我们使用 useEffect 来根据一些 props 的变化通过传递它们来获取数据。

useEffect(()=> {
fetchApisomefunction()=>{}
},
[]); // normally do this for componentDidMount

之后如何再次获取数据？

更新

回调函数可以解决这个问题。

【问题讨论】：

【解决方案1】：

假设您没有使用Redux 或Context API，

所以组件 A 和 B 不直接相互通信。

另一方面，会有一个父组件连接这两个组件。

正如您所说，组件 B 将发布数据，这应该会更改父级的 state。

由于 react 子组件在其父组件的 state 或 props 更改时重新渲染，因此组件 A 也将被重新渲染。

所以你所要做的就是使用useEffect，不带第二个参数[]。

其实不是使用Hooks的问题，而是react组件结构的问题。

请记住，两个子组件不应直接相互通信。

【讨论】：