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