Sobes.tech
Middle

Rakenda uus SignupSuccess komponent. See peaks kuvama registreerimisvormi asemel pärast edukat registreerimist.

sobes.tech AI

Vastus AI-lt

jsx import React, { useState } from 'react';

function SignupForm() { const [isRegistered, setIsRegistered] = useState(false);

const handleSubmit = (e) => { e.preventDefault(); // Здесь логика регистрации, например, запрос к API // После успешной регистрации: setIsRegistered(true); };

if (isRegistered) { return <SignupSuccess />; }

return ( <form onSubmit={handleSubmit}> <input type="text" name="username" placeholder="Имя пользователя" required /> <input type="email" name="email" placeholder="Email" required /> <input type="password" name="password" placeholder="Пароль" required /> <button type="submit">Зарегистрироваться</button> </form> ); }

function SignupSuccess() { return <div>Регистрация прошла успешно! Добро пожаловать.</div>; }

export default SignupForm;


В этом примере после успешной регистрации состояние `isRegistered` меняется на `true`, и вместо формы отображается компонент `SignupSuccess`.