Reactjs 基于组成员身份显示内容-OKTA+；反应

我正在使用Okta对我的SPA（+Express后端）进行用户身份验证。 如何使用Okta API根据组成员身份显示/隐藏内容

e、 g.如果活动用户是特定组的成员，我想显示一些菜单项

Okta反应SDK中有什么东西吗？ 我简短地说，产品似乎很棒，文档似乎没那么好

我找到了这个API

但是，我不确定如何从我的应用程序中最好地使用它。我应该在何时何地调用它，是否应该将组成员资格存储在某个对象中，然后将其传递给我的所有子组件

---

欢迎任何想法和指导

通过指定

组

范围，您可以返回分配给用户的活动

组的列表。在React应用程序中，通过将以下内容传递到
Security
，使用重载默认参数：

<Security issuer={config.issuer}
          client_id={config.client_id}
          redirect_uri={window.location.origin + '/implicit/callback'}
          scope={['openid', 'email', 'profile', 'groups']}
          onAuthRequired={({history}) => history.push('/login')} >

这需要在Okta OpenID Connect应用程序中进行额外配置，以接受组作为作用域。更多关于这方面的信息

this.props.auth.getUser().then(profile => {
  const groups = profile.groups;
  // Do your show/hide logic here
});