导出常量

Question

我有一个文件叫做types。它包含以下内容。

export default { 
    CLEAR_STATE: 'CLEAR_STATE' 
}; 

我想导入CLEAR_STATE，所以我在我的其他文件中进行了解构导入。

import { CLEAR_STATE } from './types'; 

这不适用于React Native，但它在普通React中工作。有没有办法在React Native中完成这项工作，或者这是不可能的？

Answer 1

语法对于React & React Native都是相同的。它看起来类似于解构，但并不完全相同。

您正在导出一个对象作为默认的出口，所以你可以这样做：

import types from './types' 
const { CLEAR_STATE } = types 

或者你也可以导出CLEAR_SLATE作为命名的出口，而不是默认：

export const CLEAR_SLATE = 'CLEAR_SLATE' 
// or 
const CLEAR_SLATE = 'CLEAR_SLATE' 
export { 
    CLEAR_STATE 
} 

然后导入由名称：

import { CLEAR_SLATE } from './types' 

Answer 2

您是否试图将对象导出为非默认值？

导入列表仅适用于显式命名导出，并不是对返回对象的分解。

有一个很好的和详细的解释在这里阅读：http://2ality.com/2015/01/es6-destructuring.html