導出常量

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