node.js - 如何使用 bootstrap 和 react.js 设置提交警报？

Question

我是 React.js 的新手，我正试图弄清楚如何在表单中设置一些功能。

我想做的是以下几点：

1）点击提交按钮后删除记录/输入（提交信息后，记录存储在数据库中，但记录/输入仍显示在表单中。

2）点击提交按钮后，我很乐意收到以下消息，以便让用户知道信息已成功提交

这是我组件中代码的一部分：

标签： node.jsreactjstwitter-bootstrapbootstrap-4web-frontend

Answer 1

对于值重置：

1. 给onSubmit表单方法绑定一个自定义函数，该函数会重置表单值，提交数据并显示成功提示

2. 使用 setState 重置字段值

3. 使用您使用的 API 系统提交数据

4. 添加一个新的布尔状态来告诉页面是否显示您的警报。

5. 在提交方法中将布尔状态设置为 true

6. 在 render 方法中添加一个显示条件，如果 boolean 设置为 true，则显示 alert，否则不显示