Reactjs react redux中的调度函数和减速机函数之后会发生什么?

Reactjs react redux中的调度函数和减速机函数之后会发生什么?,reactjs,redux,react-redux,redux-reducers,Reactjs,Redux,React Redux,Redux Reducers,假设我使用dispatch()分派一个动作,我知道调用了reducer(),它有一个动作对象和当前状态作为参数。我想知道是什么调用了reducer函数?在reducer函数之前和dispatch函数之后调用哪些函数?在reducer函数返回新状态后,将调用哪些函数?这个新的州去了哪里?减速机函数返回新状态后,usestate()和useselector()是否也返回一些内容 我想知道是什么调用了reducer函数? 在reducer函数之前和dispatch函数之后调用哪些函数 dispatch

假设我使用
dispatch()
分派一个动作,我知道调用了
reducer()
,它有
一个动作对象和当前状态作为参数。我想知道是什么调用了reducer函数?在reducer函数之前和dispatch函数之后调用哪些函数?在reducer函数返回新状态后,将调用哪些函数?这个新的州去了哪里?减速机函数返回新状态后,
usestate()
useselector()
是否也返回一些内容

我想知道是什么调用了reducer函数? 在reducer函数之前和dispatch函数之后调用哪些函数

dispatch()确实“调用”了每一个reducer。它使用一个事件系统,所有还原程序都在监听该事件(这一切都是在幕后发生的)

尽管如此,您仍然可以编写一段代码,插入dispatch调用和捕获操作的reducer之间

它被称为中间件

中间件可以拦截由分派触发的任何操作,也可以访问存储

在中间件的末尾,您只需使用回调来通知流继续。 您需要将您的操作传递给它,以便最终可以调用还原程序并接收操作

下面是一个中间件示例,它记录由任何dispatch()发送的任何操作

要使其工作,您需要将中间件传递到redux配置,以便调用它们

在reducer函数返回新状态后,哪些函数是 在那之后,这个新的州去了哪里

如果您查看redux配置,您将看到在某个地方合并了所有的减缩器(通常称为根减缩器)

Redux使用这种减缩器组合填充存储,因此只要减缩器返回其结果,就可以将其保存在“存储”中

在reducer函数返回新状态后,usestate()和useselector()是否也会返回某些内容

useSelector()
是一个能够在存储中读取的钩子。(包含减速机的最新结果的存储,每次存储中有修改时都会更新)

useState()
与redux无关。这与反应有关。使用useState,您可以在组件的本地状态下进行读写

它返回一个状态块和该状态块的setter

const {myPieceOfState, setMyPieceOfState} = useState({ something :'a default value for myPieceOfState'})
我想知道是什么调用了reducer函数? 在reducer函数之前和dispatch函数之后调用哪些函数

dispatch()确实“调用”了每一个reducer。它使用一个事件系统,所有还原程序都在监听该事件(这一切都是在幕后发生的)

尽管如此,您仍然可以编写一段代码,插入dispatch调用和捕获操作的reducer之间

它被称为中间件

中间件可以拦截由分派触发的任何操作,也可以访问存储

在中间件的末尾,您只需使用回调来通知流继续。 您需要将您的操作传递给它,以便最终可以调用还原程序并接收操作

下面是一个中间件示例,它记录由任何dispatch()发送的任何操作

要使其工作,您需要将中间件传递到redux配置,以便调用它们

在reducer函数返回新状态后,哪些函数是 在那之后,这个新的州去了哪里

如果您查看redux配置,您将看到在某个地方合并了所有的减缩器(通常称为根减缩器)

Redux使用这种减缩器组合填充存储,因此只要减缩器返回其结果,就可以将其保存在“存储”中

在reducer函数返回新状态后,usestate()和useselector()是否也会返回某些内容

useSelector()
是一个能够在存储中读取的钩子。(包含减速机的最新结果的存储,每次存储中有修改时都会更新)

useState()
与redux无关。这与反应有关。使用useState,您可以在组件的本地状态下进行读写

它返回一个状态块和该状态块的setter

const {myPieceOfState, setMyPieceOfState} = useState({ something :'a default value for myPieceOfState'})
const {myPieceOfState, setMyPieceOfState} = useState({ something :'a default value for myPieceOfState'})