Мне нужно сделать запрос "зарегистрироваться" от переднего плана реагирования до API-интерфейса Scala

Question

Я новичок в React. js, в настоящее время я работаю над университетским проектом. По сути, мой API регистрации был завершен и успешно, но теперь, как мне вызвать API для реагирования на интерфейс? Я рассмотрел некоторые примеры из youtube и stackoverfloe, но я все еще придерживался здесь. Ниже я опишу больше о моей текущей ситуации:

Вот api мой результат, который я получаю на почтальоне.

Так что у меня нет проблем с моим API.

Вот как я вызываю мой API для реагирования на внешний интерфейс:

    handleSubmit(event){

        const {
            name,
            email,
            UserMobile,
            Password,
            confirmPassword,
            Organisation_Name,
            Address,
            description
        } = this.state;
        console.log(this.state)

        axios({
            method: 'post',
            url: 'http://localhost:9000/api/users/sign-up',
            data: {
                name: name,
                email: email,
                UserMobile: UserMobile,
                Password: Password,
                confirmPassword: confirmPassword,
                Organisation_Name: Organisation_Name,
                Address: Address,
                description: description
            },
            }).catch(error => {
                console.log(error);
            }).then(response => {
                console.log(response);
            });
        }

Вот некоторый исходный код:

    render() {
        return (
            <div>
                <form onSubmit={this.handleSubmit}>
                    <input 
                        type="type" 
                        name="name" 
                        placeholder="name" 
                        value={this.state.name || ''} 
                        onChange={this.handleChange} 
                        required
                    />

                    <input 
                        type="email" 
                        name="email" 
                        placeholder="email" 
                        value={this.state.email} 
                        onChange={this.handleChange} 
                        required
                    />

                    <input 
                        type="text" 
                        name="UserMobile" 
                        placeholder="UserMobile" 
                        value={this.state.UserMobile || ''} 
                        onChange={this.handleChange} 
                        required
                    />

                    <input 
                        type="Password" 
                        name="Password" 
                        placeholder="Password" 
                        value={this.state.Password || ''} 
                        onChange={this.handleChange} 
                        required
                    />

                    <input 
                        type="Password" 
                        name="confirmPassword" 
                        placeholder="confirmPassword" 
                        value={this.state.confirmPassword || ''} 
                        onChange={this.handleChange} 
                        required
                    />

                    <input 
                        type="Organisation_Name" 
                        name="Organisation_Name" 
                        placeholder="Organisation_Name" 
                        value={this.state.Organisation_Name || ''} 
                        onChange={this.handleChange} 
                        required
                    />

                    <input 
                        type="Address" 
                        name="Address" 
                        placeholder="Address" 
                        value={this.state.Address || ''} 
                        onChange={this.handleChange} 
                        required
                    />

                    <input 
                        type="description" 
                        name="description" 
                        placeholder="description" 
                        value={this.state.description || ''} 
                        onChange={this.handleChange} 
                        required
                    />

                    <button type="Submit">Registration</button>
                </form>
            </div>
        );
    }

пакета. json (в случае необходимости)

  "name": "react-redux-router",
  "version": "1.0.0",
  "description": "Basic skeleton codebase for React/Redux/Router applications.",
  "proxy": {
    "/connect": {
      "target": "http://localhost:9000",
      "secure": false,
      "changeOrigin": true
    }
  },

Так что это правильный способ реагировать на вызов API? и почему я не могу получить результат так же, как результат почтальона? Новый пользователь также не входит в базу данных. Надеюсь, кто-нибудь может мне помочь и научить меня этому вопросу.