javascript - 小 Action 的 redux 状态

Question

这个问题已经有答案了:

Where to write to localStorage in a Redux app? (9 个回答)

已关闭 5 年前。

说我有一个待办事项列表，创建待办事项后我想将该项目保存到本地存储中。 reducer 是什么样子的？我应该在reducer 中还是在 View 中执行setItem 方法？

case 'PUBLISH_TODO_PENDING':
            return { ...state, loading: true, todo_published: false, //do I do this? }
        case 'PUBLISH_TODO_FULFILLED':

          return { 
                ...state, 
                loading: false,
                todo_published: true, //do I do this?
                data: {
                    result: {
                         todo: state.data.todo,
                    }
                }
            }

如果我想在 View 中使用 setItem，我必须做一个标志来告诉待办事项的统计信息是否已发布。我也必须将标志置于初始状态，这很愚蠢。

Answer 1

你应该使用 redux-thunk。为了在您的 React 应用程序中使用它，请在您的商店中使用以下代码片段。

const configureStore = (initialState) => (
    createStore(
    reducer,
    initialState,
    composeEnhancers(
        applyMiddleware(thunk)
    )
)

此外，更好的做法是在单独的文件夹中编写涉及设置和从本地存储获取的代码，例如“utils”，然后将相同的代码导入到操作内的操作页面中。