javascript 如何从AWS Amplify React UI中排除用户名字段?

idfiyjo8  于 2023-04-28  发布在  Java
关注(0)|答案(1)|浏览(94)

我有一个使用@aws-amplify/ui-react的简单组件。我希望能够呈现一个由“电子邮件”,“密码”和“确认密码”组成的注册形式。
我用于渲染AWS amplify注册表单的组件如下所示:

function Auth(){

  const formFields = {
    signUp: {
      email: {
        order:1
      },
      password: {
        order: 5
      },
      confirm_password: {
        order: 6
      }
    },
   }

   return <Authenticator formFields={formFields} />
}

出于某种原因,即使我已经明确说明了我想要呈现的字段,它仍然包括username字段:

我如何从注册表单中省略“用户名”字段?
据我所知,<Authenticator />组件没有一个排除字段,我认为formFields属性将用于包含哪些字段,因此应该自动排除我没有包含的字段。
会不会和我的Cognito配置有关?

resource "aws_cognito_user_pool" "pool" {
  name = "order-ease-dev"
  username_attributes = ["email"]
  auto_verified_attributes = ["email"]

  account_recovery_setting {
    recovery_mechanism {
      name     = "verified_email"
      priority = 1
    }

    recovery_mechanism {
      name     = "verified_phone_number"
      priority = 2
    }
  }
}

 resource "aws_cognito_user_pool_client" "client" {
  name = "order-ease-dashboard-client-dev"
  user_pool_id = "${aws_cognito_user_pool.pool.id}"
  explicit_auth_flows = ["ALLOW_USER_SRP_AUTH", "ALLOW_REFRESH_TOKEN_AUTH", "ALLOW_CUSTOM_AUTH"]
 }

我希望我的注册只包括“电子邮件”,“密码”和“确认密码”。如何使用@aws-amplify/ui-react ui库实现这一点?

k5hmc34c

k5hmc34c1#

您还需要从aws-amplify更改auth。只修改@aws-amplify/ui-react是不行的。
更多信息: www.example.com

相关问题