react 注册失败组件刷洗,表单的信息得重新填写。

我用ant-design写的登录页面,图片上传不上来,我描述描述,

注册页面是在登录页面的基础上弹出的一个modal,注册成功的效果是modal消失,提示用户注册成功,但注册失败时modal刷新了一下,用户填的表单信息都没有了,我希望用户注册失败后modal不消失,用户在先前输入的基础上进行修改

modal 的 visible 属性控制其弹出还是消失,onOk 和 onCancel 分别对应绑定的确认和取消按钮触发的事件。

思路如下:点击注册按钮,visible 设为 true 弹出 modal 组件,用户填写其中的内容随后点击确认按钮触发 onOk 绑定的事件,在此事件内与判断用户注册是否完成,若失败,则停留在此,只有成功了再去设置 visible 为 false 即 modal 组件消失。 visible 和 modal 内填充的数据均绑定 state 即可。

你把用户输入的数据深度拷贝一份,刷完以后这个时候因为数据是深度拷贝的不会受到外部干扰,把这份数据重新渲染一下。

页面刷新是人为控制的,两种情况:

1. 弹框中的信息是通过表单提交,onSubmit提交后页面会刷新

2. 利用ajax提交数据,ajax返回后人为刷新了页面

对于1情况,改为ajax提交
对于2情况,ajax返回成功才刷新,返回失败的话,只提示错误信息,不做组件状态的修改就行

  • react 里面怎么触发一个点击事件?
  • webpack打包CSS时,css-loader引入 ./convert-source-map模块
  • 关于Redux React的几个问题?
  • react在引入组件的时候对prop的书写那种方法比较好
  • antd的验证-在一个formitem中多input的验证方法?
  • nmp install 出错? npm WARN package.json 如何解决?
  • react-redux 的href怎么导入变量
  • gulp插件wiredep问题
  • 自家的安卓APP通过banner打开用react写的h5报错,求问什么原因?
  • ant design表格里面render方法的text参数为undefined?
  • React中ReactDOM.render参数语法错误