博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React中redux表单编辑
阅读量:5061 次
发布时间:2019-06-12

本文共 1393 字,大约阅读时间需要 4 分钟。

reduxForm中反写数据在输入框中,数据是从别的模块拉取

// 编辑应用表单 class EditCode extends React.Component {  constructor(props) {    super(props)  } // 取消编辑  handleBack=()=>{    window.history.go(-1);  }  // 确定编辑  handleFormSubmit=()=>{    const { handleSubmit } = this.props;    handleSubmit()  }  render() {    const { handleSubmit, touched, error, pristine, reset, submitting, loading, initAppData } = this.props;    return (        
) }}EditCode = reduxForm({ form: 'editAppForm',// 这是你的表单名称 validate, enableReinitialize:true, keepDirtyOnReinitialize:true,// 这个值表示重新初始化表单后,不替换已更改的值,可以用clear来测试})(EditCode) EditCode = connect( state => ({ initialValues: state.appManage.initAppData, //appManage是你需要拉取数据的模块 你需要填充的数据initAppData }), )(EditCode)
export default EditCode

官网链接

上面的 initialValues 接受的是一个obj对象,默认填充数据会根据上面的<Field>中的name对应的属性值进行填充

转载于:https://www.cnblogs.com/ChineseLiao/p/10153066.html

你可能感兴趣的文章
Introduction to my galaxy engine 2: Depth of field
查看>>
Python 3.X 练习集100题 05
查看>>
设计器 和后台代码的转换 快捷键
查看>>
在线视频播放软件
查看>>
用代码生成器生成的DAL数据访问操作类 基本满足需求了
查看>>
28初识线程
查看>>
Monkey测试结果分析
查看>>
Sublime Text 3 设置
查看>>
浅谈C++底层机制
查看>>
STL——配接器、常用算法使用
查看>>
第9课 uart
查看>>
Range和xrange的区别
查看>>
STL容器之vector
查看>>
无法向会话状态服务器发出会话状态请求
查看>>
数据中心虚拟化技术
查看>>
01入门
查看>>
复习文件操作
查看>>
SQL Server 使用作业设置定时任务之一(转载)
查看>>
第二阶段冲刺-01
查看>>
BZOJ1045 HAOI2008 糖果传递
查看>>