小编Cle*_*oto的帖子

我正在尝试为所有与React应用程序上的身份验证相关的页面创建自定义UI。我需要在用户注册时插入带有各种字段的大型表格。

我下面这个教程（https://github.com/richardzcode/Journal-AWS-Amplify-Tutorial），直到实现版本aws-amplify和aws-amplify-react不同。

我试图阅读有关它的文档，但是太肤浅了，我听不懂。https://aws-amplify.github.io/amplify-js/media/authentication_guide#create-your-own-ui

我试图直接在代码中查找并重现在那找到的相同模式，但没有成功。

这是我的Auth组件：

  import { Authenticator } from 'aws-amplify-react'

  import {
    LoginForm,
    RegisterForm,
    ConfirmRegisterForm,
    VerifyContactForm,
    ForgotPasswordForm
  } from '../components'

  export default class Login extends Component {
    render () {
      return (
        <Authenticator hideDefault>
          <LoginForm />
          <RegisterForm />
          <ConfirmRegisterForm />
          <VerifyContactForm />
          <ForgotPasswordForm />
        </Authenticator>
      )
    }
  }

这是我的LoginForm：

    import React from 'react'
    import { Button, Form, Grid, Header, Image, Message, Segment } from 'semantic-ui-react'
    import Auth from …