相关疑难解决方法(0)

我什么时候应该使用花括号进行ES6导入?

这似乎是显而易见的,但我发现自己对于何时使用花括号在ES6中导入单个模块感到困惑.例如,在我正在处理的React-Native项目中,我有以下文件及其内容:

initialState.js
var initialState = {
    todo: {
        todos: [
            {id: 1, task: 'Finish Coding', completed: false},
            {id: 2, task: 'Do Laundry', completed: false},
            {id: 2, task: 'Shopping Groceries', completed: false},
        ]
    }
};

export default initialState;
Run Code Online (Sandbox Code Playgroud)

在TodoReducer.js中,我必须在没有花括号的情况下导入它:

import initialState from './todoInitialState';
Run Code Online (Sandbox Code Playgroud)

如果我initialState用大括号括起来,我会得到以下代码行的错误:

无法读取未定义的属性待办事项

TodoReducer.js:
export default function todos(state = initialState.todo, action) {
// ...
}
Run Code Online (Sandbox Code Playgroud)

使用花括号的组件也会发生类似的错误.我想知道何时应该使用大括号进行单次导入,因为很明显,当导入多个组件/模块时,你必须将它们用大括号括起来,我知道.

编辑:

所谓张贴在这里并没有回答我的问题,而不是我问的时候我应不应该用花括号用于导入单个模块,或者我不应该用花括号中ES6导入单个模块(这显然不是例如,我已经看过需要花括号的单个导入)

javascript import ecmascript-6

669
推荐指数
11
解决办法
16万
查看次数

在ES6导入语句中使用Curly Braces有什么用

我可以看到有两种不同的导入方式

import React from 'react'
import { render } from 'react-dom'
Run Code Online (Sandbox Code Playgroud)

第二个有括号.那两者有什么区别?什么时候应该添加括号?谢谢

reactjs redux

26
推荐指数
2
解决办法
7193
查看次数

标签 统计

ecmascript-6 ×1

import ×1

javascript ×1

reactjs ×1

redux ×1