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 ，要么将其包装在对象文字中。