javascript - 在 redux 中，reducer 改变状态后会发生什么？

Question

我正在阅读 a react app 的源代码，它实现了 OKTA 用户管理 API。

让我困惑的一件事是状态如何改变，例如在 logIn 之后

const registration = (state = initialState, action) => {
    switch (action.type) {
        case 'LOGOUT':
            return Object.assign({}, state, {sessionToken: null, error: null});
        case 'LOGIN_ERROR':
            return Object.assign({}, state, {sessionToken: null, error: action.payload});
        case 'LOGIN_SUCCESS':
            return Object.assign({}, state, {sessionToken: action.payload, error: null});
        default:
            return state;
    }
};

我猜 login page将呈现为 profile页。但这里的 reducer 只连接到 store .那么这是如何工作的呢？

PS:我一开始附上了错误的代码。

Answer 1

react-redux 插件是 redux 和 react 之间的粘合剂。插件订阅 商店，只要商店状态发生变化就会被调用。每次商店发生变化时，react-redux 都会更新所有连接 的组件。这是以最佳的方式完成的，如果更改的商店部分对该组件不感兴趣，则不更新该组件。