在React / Redux中,如果函数组件正在使用redux-thunk调度函数,则如何setIsLoading()?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在React / Redux中,如果函数组件正在使用redux-thunk调度函数,则如何setIsLoading()?相关的知识,希望对你有一定的参考价值。

我认为我们使用redux-thunk的原因是,以便我们在定义mapDispatchToProps()时可以调度一个函数。 (通常,通过使actionCreator()返回函数)

但是,假设我们使用的是函数组件,那么当我们分派一个函数以加载数据时,似乎没有办法使用来自[]的[C0

setIsLoading()

因为const [isLoading, setIsLoading] = useState(false); 在功能组件内部,并且不能在setIsLoading中使用它?

似乎一种使用方法

mapDispatchToProps()

这是第一个<button onClick=() => setIsLoading(true); props.dispatchGetData(setIsLoading)> ,然后将setIsLoading(true)传递给setIsLoading,以便稍后,当接收到数据或接收到数据失败时,它可以调用dispatchGetData()

这是正确的方法还是正确的方法?似乎我们也可以使用setIsLoading(false),并且可以直接执行useEffect()并且不会分派任何函数,因此,不使用redux-thunk吗?

答案

您可以fetch(),然后检查返回组件的数据是否已更改。

类似这样的东西:

useEffect

以上是关于在React / Redux中,如果函数组件正在使用redux-thunk调度函数,则如何setIsLoading()?的主要内容,如果未能解决你的问题,请参考以下文章

React/Redux 应用程序中组件的权限检查

redux store dispatch 导致 React 中的 setState error()

react-redux状态管理器

redux超易学三篇之三(一个逻辑完整的react-redux)

React-Redux 知识点 及 实现数据共享案例

React学习笔记 Redux