【问题标题】:Question about the react-redux documentation关于 react-redux 文档的问题
【发布时间】:2020-04-25 02:33:38
【问题描述】:

我对 react-redux 文档中的某些内容感到困惑

https://redux-docs.netlify.com/recipes/configuring-your-store/

具体来说,在尝试构建原型应用程序(此处提供https://github.com/reduxjs/redux/tree/master/examples/todos/src)时,我对这条线感到困惑

import rootReducer from './reducers'

令人困惑的是,在app目录下,并没有reducers.js这样的文件,只有一个文件夹reducers/包含

index.js
todos.js
todos.spec.js
visibilityFilter.js

我没有看到 rootReducer 的文件,所以我假设(正确?)上述代码的 ES6 语法是从

导入 默认导出

reducers/index.js

对吗?

在那个文件中,我看到了


export default combineReducers({
  todos,
  visibilityFilter
})

我是否正确理解从reducers/index.js 导出的默认导出匿名函数,然后作为rootReducer 导入index.js

【问题讨论】:

    标签: react-redux


    【解决方案1】:

    是的。这是 ES6 “默认导出”语法,结合了 index.js 文件。当文件夹中存在index.js 文件时,您可以在import 语句中只指定文件夹名称,并且捆绑器会自动查看index.js

    【讨论】:

    • 对,我正在经历的许多 Redux 示例都使用相同的模式。当你第一次看到它时,它只是不和谐,因为有一个名为 reducers/ 的文件夹,但不像你的其他 import ... from '...' 语句那样有一个名为 reducers.js 的文件
    • 是的,这与 Redux 无关。这是几年前由 Node.js 标准化的模式。
    猜你喜欢
    • 2021-07-19
    • 2021-11-26
    • 1970-01-01
    • 2020-01-18
    • 1970-01-01
    • 1970-01-01
    • 2018-03-16
    • 2021-03-07
    • 2017-03-14
    相关资源
    最近更新 更多