【发布时间】:2019-02-24 05:07:40
【问题描述】:
我是 React.js 的新手,我正在尝试弄清楚如何在表单中设置一些功能。
我想要做的是:
1)点击提交按钮后删除记录/输入(提交信息后,记录存储在数据库中,但记录/输入仍显示在表单中。
2)点击提交按钮后,我很乐意收到以下消息,以便让用户知道信息已成功提交
这是我组件中代码的一部分:
【问题讨论】:
标签: node.js reactjs twitter-bootstrap bootstrap-4 web-frontend
我是 React.js 的新手,我正在尝试弄清楚如何在表单中设置一些功能。
我想要做的是:
1)点击提交按钮后删除记录/输入(提交信息后,记录存储在数据库中,但记录/输入仍显示在表单中。
2)点击提交按钮后,我很乐意收到以下消息,以便让用户知道信息已成功提交
这是我组件中代码的一部分:
【问题讨论】:
标签: node.js reactjs twitter-bootstrap bootstrap-4 web-frontend
对于值重置:
给onSubmit表单方法绑定一个自定义函数,该函数会重置表单值,提交数据并显示成功提示
使用 setState 重置字段值
使用您使用的 API 系统提交数据
添加一个新的布尔状态来告诉页面是否显示您的警报。
在提交方法中将布尔状态设置为 true
在render方法中添加显示条件,如果boolean设置为true则显示alert,否则不显示
【讨论】: