Redux如何将操作传递给特定减速器

Question

我对Redux有相当的了解。

我想知道的一件事是，在一个大型应用程序中，会有多个操作和减缩器。

我的问题是

>

reducer中是否存在重复操作？

即使当我查看redux流时，我也不理解这些问题

请澄清我的困惑。

Answer 1

1.当一个动作被调度时，它如何找到合适的减速器？

所有操作都会通过应用程序中的所有减速机和中间件，这就是为什么如果某个减速机将处理某个操作，则需要处理switch语句。

2.减速器中是否存在重复动作？

您可以分派一个动作，并根据需要在多个还原器中处理该动作。

3.如何将修改后的状态数据从减速器传回组件？

当您通过connectHOC使用redux连接组件时，您将组件订阅到存储，存储的工作方式是当它更改时通知订阅的组件，然后执行MapStateTops并为组件生成新数据，如果数据已更改，则组件将更新，否则不会更新。

我希望它能帮助你，如果你有任何疑问，请让我知道。

Answer 2

当一个动作被调度时，它如何找到合适的减速器？

当一个动作被调度时，如果您使用联合减速器，所有减速器都将被触发。适当的状态更改发生在操作所在的树中。TYPE与分派的操作相匹配。类型。

减速机会有重复动作吗？

让我们考虑一个聊天应用程序。假设有一条新消息传入时，有两个存储名为messageStore和UnderStore。还有一个动作叫做“新信息”。这两个商店在收到新消息时都会更新。

message = (state=[], action) ->
  switch action.type
    when NEW_MESSAGE
      state # new state

unread = (state=[], action) ->
  switch action.type
    when NEW_MESSAGE
      state # new state

combineReducer {message, unread}

在同一个减速器中，可以调度相同的操作两次，但这是不必要的。在不同的减速器中，您可以按照前面提到的方法进行操作。

如何将修改后的状态数据从减速器传递回组件？

1. 全局存储通过提供程序传递到组件中。根据redux留档，

import { Provider } from 'react-redux';
const store = createStore(combineReducer(message, unread));
<Provider store={store}>
   <App />
</Provider>

class ReduxEmpl extends React.Component {
  render() {
    return <div>I'm connected</div>
  }
}

const mapStateToProps = state => ({ messages: state.message.messages })
const dispatchToProps = dispatch => ({ functionToDispatch: (params) => dispatch(functionToDispatch(params));

export default connect(mapStateToProps, mapDispatchToProps)(ReduxEmpl);

希望我解决了你的困惑：）