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用普通函数替换（可能是更好的解决方案），要么将其包装在对象文字中。