首页 > 解决方案 > 如何确定一段代码在 ReduxJS 中应该放在哪里?

问题描述

我正在关注https://redux.js.org/basics/usagewithreact上的教程

但是,我坚持以下内容,因为作者没有告诉您将以下代码放在哪里。

我正在执行“实现容器组件”:

const getVisibleTodos = (todos, filter) => {
  switch (filter) {
    case 'SHOW_COMPLETED':
      return todos.filter(t => t.completed)
    case 'SHOW_ACTIVE':
      return todos.filter(t => !t.completed)
    case 'SHOW_ALL':
    default:
      return todos
  }
}
​
const mapStateToProps = state => {
  return {
    todos: getVisibleTodos(state.todos, state.visibilityFilter)
  }
}

那是需要放入其中一个已创建文件或新文件中的代码。然而,文章没有说明在哪里或如何做到这一点。我是 nodejs、reactjs 和 reduxjs 的初学者。

标签: reactjsreact-redux

解决方案


它应该放在减速器文件中。

您可能想在此处查看有关 redux reducer 使用的完整文档。

它包含不同的教程,但可能会帮助您解决文档页面中的教程。


推荐阅读