ES6 函數式組件 React.js 中的 Getter

Question

我在 React 中使用無狀態組件，我發現使用 Getters 有問題。

對於有狀態組件（基於類的組件），它可以正常工作，但是如何在無狀態（功能組件）中使用它；

 // this is code for statefull component(class based component)

get lookupsOfSelectedGroup(){
        const lookUps = this.props.mainLookups.filter(
          item => item.extras.parent === this.state.activeGroup
        );

        if (lookUps[0] && lookUps[0].responseStatus === 200) {
          return lookUps[0].response.lookup;
        }

        return [];
  }


// this is the code for functional component I did:

    get lookupsOfSelectedGroup =()=> {
        const lookUps = this.props.mainLookups.filter(
          item => item.extras.parent === this.state.activeGroup
        );

        if (lookUps[0] && lookUps[0].responseStatus === 200) {
          return lookUps[0].response.lookup;
        }

        return [];
      }    ```

Cannot find name 'get'.

Answer 1

您只能在 ES6 類和對象字面量中使用get和set關鍵字。

檢查參考。

Answer 2

getter 只能定義為對象或類的屬性。 您不能直接在函數體中定義它們。

您要么需要用普通函數（可能是更好的解決方案）替換lookupsOfSelectedGroup ，要么將其包裝在對象文字中。