javascript - 从文件夹 ES6 导入

标签 javascript reactjs ecmascript-6 redux react-redux

我正在学习 JS,我有这样的东西。

//all inside folder reducers

//reducer1.js
export default reducer1

//reducer2.js
export default reducer2

//index.js
import reducer1 from './reducer1'
import reducer2 from './reducer2'
//then combine reducer
export default index

//outside folder reducers
import reducer from './reducers'

因为 ./reducers 只是一个文件夹,里面有 3 个文件,默认有 3 个导出,我不明白这是如何工作的?它如何知道将导入文件夹中的哪个导出默认值?

谢谢。

最佳答案

使用Webpack,当您导入文件夹时,模块加载器将导入该文件夹内的index.js。您正在index.js中导出索引,因此当您从'./reducers'导入reducer时,您正在导入它。导入文件夹只是从reducers/index导入reducer的简写。对于mean,两个导入语句是等效的。

总而言之,从'./reducers'导入reducer从reducers/index导入reducer相同。

关于javascript - 从文件夹 ES6 导入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42870353/

相关文章:

javascript - React 中的 ScrollIntoView 没有引用?

javascript - React-ace 编辑器的 onBlur 事件没有返回值

javascript - 使用 react webpack 文件加载器提供静态 pdf

javascript - 来自一个函数的 React Child 错误正在引用另一个函数

javascript - 当在 "TypeError: Cannot read property ' 内部时, react "Map"未定义状态'

javascript - 为什么 fabricjs Canvas 在 object.center() 之后不能正确更新?

reactjs - AJAX 完成后如何重置有状态组件?

javascript - Relayjs 和 graphql 错误 : Error: "Node" expects field "id"

javascript - 如何使用 Promise.all 避免 promise 构造函数反模式

javascript - 如何更快或同时申请类(class)?