reactjs - AWS 放大身份验证 : How to disable AmplifyConfirmSignUp?

标签 reactjs amazon-web-services components amazon-cognito aws-amplify

我目前正在使用 AWS Amplify 身份验证,使用 Cognito 进行 React 身份验证。
用户注册必须通过单击他们通过电子邮件收到的确认链接来确认他们的新帐户。

当用户提交他们的注册信息时,显示的下一个 UI 是确认注册,要求用户确认代码。我不需要这个阶段,因为这是在用户确认他们的电子邮件时处理的。

我正在使用 react-ui Amplify 组件来控制身份验证和用户注册/加入/退出。

import React from "react";
import "./App.css";
import { BrowserRouter as Router } from "react-router-dom";
import "bootstrap/dist/css/bootstrap.min.css";
import { Container } from "react-bootstrap";
import NavBar from "./components/NavBar.js";

import {
  AmplifyAuthenticator,
  AmplifySignUp,
  AmplifyConfirmSignUp,
  AmplifySignOut,
} from "@aws-amplify/ui-react";

import RouteContainer from "./components/RouteContainer";

function App() {
  return (
    <div>
      <AmplifyAuthenticator usernameAlias="email">
        <AmplifySignUp
          slot="sign-up"
          usernameAlias="email"
          formFields={[
            {
              type: "email",
              label: "Enter your email",
              placeholder: "Enter your email",
              required: true,
            },
            {
              type: "password",
              label: "Enter your password",
              placeholder: "",
              required: true,
            },
            {
              type: "custom:postcode",
              label: "Enter your postcode",
              placeholder: "",
              required: true,
            },
          ]}
        >
          <AmplifyConfirmSignUp/>

        </AmplifySignUp>
        <AmplifySignOut />
        <Router>
          <Container>
            <RouteContainer />
          </Container>
        </Router>
        <NavBar />
      </AmplifyAuthenticator>
    </div>
  );
}

export default App;

有没有我可以通过的 Prop 来禁用 <AmplifyConfirmSignUp/>或从标准注册流程中禁用此功能的另一种方法?

谢谢。

最佳答案

您可以在 Cognito 面板中禁用验证。

  • 转至 https://console.aws.amazon.com/cognito/
  • 点击“管理用户池”
  • 在“常规设置”中单击“MFA 和验证”
  • 在“您要验证哪些属性?”选择“不验证”
  • 关于reactjs - AWS 放大身份验证 : How to disable AmplifyConfirmSignUp?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61751412/

    相关文章:

    reactjs - Material UI - 分层有序列表

    javascript - react router native 在前一个组件上呈现链接组件

    html - 创建具有两行表格的可重复 Angular 组件

    php - fatal error :在 joomla 3 中调用未定义的方法 JController::getInstance()

    amazon-web-services - Lambda 每次调用都会创建 ENI : Hitting limit

    jsf - 以编程方式实例化 ValueExpression

    reactjs - 由 mobx-react 装饰的 PureComponent 抛出有关 `shouldComponentUpdate` 存在的错误

    javascript - 如何修复 React-tutorial 的 Sublime 文本突出显示?

    css - 缓存 : Set expiration date for images

    amazon-web-services - 使用 EC2 作为 NAT 的 AWS VPC 不起作用