显示注册成功消息的条件语句即使成功也显示错误消息？

Question

我不确定如何对标题进行措辞，但基本上，我正在按照教程创建一个 login/registration，目前我正在尝试显示一条消息，指示注册尝试是否成功。

这是我的 Register.js

import React, { useState } from 'react';
import { Form, Button } from 'react-bootstrap';
import axios from "axios";

export default function Register() {
    
    const [email, setEmail] = useState("");
    const [password, setPassword] = useState("");
    const [register, setRegister] = useState(false);

    const handleSubmit = (e) => {
    // prevent the form from refreshing the whole page
        e.preventDefault();
    //set configuration
        const configuration = {
            method: "post",
            url: "https://nodejs-mongodb-auth-app-learn.herokuapp.com/register",
            data: {
                email,
                password,
            },
        };
    // API call
        axios(configuration)
            .then((result) => {
                console.log(result);
                setRegister=(true);
            })
            .catch((error) => {
                error= new Error;
            })
        
    };

    return (
        <>
        <h2>Register</h2>
        <Form onSubmit={(e)=>handleSubmit(e)}>
            {/* email */}
            <Form.Group controlId="formBasicEmail">
                <Form.Label>Email Address</Form.Label>
                <Form.Control 
                    type="email"
                    name="email"
                    value={email} 
                    onChange={(e) => setEmail(e.target.value)}
                    placeholder="Enter email" 
                />
            </Form.Group>

            {/* password */}
            <Form.Group controlId="formBasicPassword">
                <Form.Label>Password</Form.Label>
                <Form.Control 
                    type="password" 
                    name="password"
                    value={password}
                    onChange={(e) => setPassword(e.target.value)}
                    placeholder="Enter password" 
                />
            </Form.Group>

            {/* submit button */}
            <Button 
                variant="primary" 
                type="submit"
                onClick={(e)=>handleSubmit(e)}
            >
                Register
            </Button>

            {/* display success message */}
            {register ? (
                <p className="text-success">You Are Registered Successfully</p>
            ) :  ( 
                <p className="text-danger">You Are Not Registered</p>
            )}
        </Form>
        </>
    )
};

注册成功会登陆控制台，但是是setRegister没有更新register为true，还是我的条件语句在某些方面不正确？

总是显示“您尚未注册”。

Answer 1

使用 useState 钩子设置状态的正确方法是：例如

const [register, setRegister] = useState(false);

setRegister(true)

显示注册成功消息的条件语句即使成功也显示错误消息？

Conditional statement to show registration success message is showing the error message even when successful?

reactjs

react-bootstrap

axios

use-state