【问题标题】:How to set up submit alert with bootstrap and react.js?如何使用 bootstrap 和 react.js 设置提交警报?
【发布时间】:2019-02-24 05:07:40
【问题描述】:

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

我想要做的是:

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

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

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

【问题讨论】:

    标签: node.js reactjs twitter-bootstrap bootstrap-4 web-frontend


    【解决方案1】:

    对于值重置:

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

    2. 使用 setState 重置字段值

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

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

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

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

    【讨论】:

    • 我期待一些更详细的代码,后面有代码。不过,还是谢谢你。
    猜你喜欢
    • 2015-05-16
    • 1970-01-01
    • 2015-01-31
    • 1970-01-01
    • 2018-01-05
    • 1970-01-01
    • 2016-01-25
    • 1970-01-01
    • 2022-09-28
    相关资源
    最近更新 更多