在amplify react应用程序中隐藏注册

amplify add auth

amplify push

import React, { useState } from 'react';
import { Auth } from 'aws-amplify';

const RegistrationForm = () => {
  const [email, setEmail] = useState('');
  const [password, setPassword] = useState('');

  const handleRegister = async () => {
    try {
      await Auth.signUp({
        username: email,
        password: password,
      });
      console.log('Registration successful');
    } catch (error) {
      console.log('Error registering user', error);
    }
  };

  return (
    <div>
      <input
        type="email"
        placeholder="Email"
        value={email}
        onChange={(e) => setEmail(e.target.value)}
      />
      <input
        type="password"
        placeholder="Password"
        value={password}
        onChange={(e) => setPassword(e.target.value)}
      />
      <button onClick={handleRegister}>Register</button>
    </div>
  );
};

const App = () => {
  const [showRegistration, setShowRegistration] = useState(false);

  const handleToggleRegistration = () => {
    setShowRegistration(!showRegistration);
  };

  return (
    <div>
      <h1>Welcome to My App</h1>
      {showRegistration ? (
        <RegistrationForm />
      ) : (
        <button onClick={handleToggleRegistration}>Show Registration</button>
      )}
    </div>
  );
};

export default App;