创建只需重新加载页面

Question

我正在尝试从表单中“创建”工作。

在检查中我没有收到任何消息，只是页面重新加载

功能：

handleChange = event => {
    this.setState({ nome: event.target.value });
}

handleSubmit = event => {
    event.preventDefault();

    axios.post(url + "api/alunos" + this.state.aluno.nome)
        .then(res => {
            this.alunos.push({
                nome: this.aluno.nome,
            });
            this.aluno.nome = "";
            this.getUsers();
        });
}

HTML：

                <div>
                    <div onSubmit={this.handleSubmit}>
                        <label>
                            Nome Aluno:
                         <input type="text" name="nome" onChange={this.handleChange} />
                        </label>
                        <button type="submit">Add</button>
                    </div>
                </div>

如果你不知道错误，但有一个带有可用 CRUD 的 repo，这对我有很大帮助。

Answer 1

将您的 div 标签更改为表单标签