在React Native組件類中定義對象時出錯

Question

在執行下面的React Native代碼時，我不斷收到以下錯誤。

Link to Error Screenshot

我已經嘗試了各種方法來定義actionEnum對象，但似乎沒有任何工作。請幫忙！

import React from "react"; 
import { 
    View, 
    Text, 
    StyleSheet, 
    TextInput, 
    Button, 
    AsyncStorage 
} from "react-native"; 

class AddItem extends React.Component { 
    static navigationOptions = { 
    title: "Add item" 
    }; 

    static actionEnum = { 
    init: 1, 
    add: 2, 
    update: 3, 
    delete: 4, 
    set: 5 
    }; 

    constructor(props) { 
    super(props); 
    this.setStateHandler(this.actionEnum.add); 
    } 

.....

Answer 1

JavaScript沒有靜態變量，只有static methods。你可以通過從你的模塊中導出你的枚舉對象來解決這個問題，而不是將它作爲你的類的一部分，但是如果你真的需要它成爲你的類的一部分，你可以使用get accessor。

class AddItem extends React.Component { 
    static get navigationOptions() { 
    return { 
     title: "Add item" 
    }; 
    } 

    static get actionEnum() { 
    return { 
     init: 1, 
     add: 2, 
     update: 3, 
     delete: 4, 
     set: 5 
    }; 
    } 

    constructor(props) { 
    super(props); 
    this.setStateHandler(this.actionEnum.add); 
    }