题目:在页面上有一个按钮,点击按钮出现一个旋转的loading,提交按钮不可点击,等待一秒后弹框显示提交失败或者提交成功,接下来我们直接开始
在此之前,我相信您已经安装好了react运行环境,如何创建react工程我就不再赘述,首先我们分析这个题目,按钮,弹框,两个子类组件,然后建一个父类来提供他们数据交流,接下来我们创建一个工程:
1.创建工程 first2react(项目名称):
2.在src文件夹下建好我们需要的组件弹框(Dialog),按钮(Button),父类(App),还有一个App.css文件来编写样式:
3.编写代码
按钮(Button):
接下来就是弹框(Dialog):