从状态获取reduxForm的initialValues可以通过redux的connect函数和mapStateToProps方法来实现。
首先,确保你已经安装了redux和redux-form库。然后,在你的组件文件中引入redux和redux-form的相关方法:
import { connect } from 'react-redux';
import { reduxForm } from 'redux-form';
接下来,定义一个名为mapStateToProps的函数,它将从redux的store中获取状态并将其映射到组件的props中:
const mapStateToProps = (state) => {
return {
initialValues: state.yourReducerName.initialValues
};
};
在上面的代码中,yourReducerName是你在redux中定义的reducer的名称,initialValues是你想要获取的状态属性。
最后,使用connect函数将mapStateToProps方法与reduxForm方法连接起来,并将其应用于你的组件:
export default connect(mapStateToProps)(
reduxForm({
form: 'yourFormName'
})(YourComponent)
);
在上面的代码中,yourFormName是你想要使用的redux-form的表单名称,YourComponent是你的组件名称。
现在,你可以在你的组件中通过props来访问initialValues属性,它将包含从状态中获取的reduxForm的initialValues。
这是一个完整的示例代码:
import React from 'react';
import { connect } from 'react-redux';
import { reduxForm } from 'redux-form';
const YourComponent = (props) => {
// 通过props访问initialValues属性
console.log(props.initialValues);
return (
// 组件的内容
);
};
const mapStateToProps = (state) => {
return {
initialValues: state.yourReducerName.initialValues
};
};
export default connect(mapStateToProps)(
reduxForm({
form: 'yourFormName'
})(YourComponent)
);
希望这个答案能够满足你的需求!如果你需要更多关于reduxForm的信息,可以参考腾讯云的相关文档:redux-form。
Techo Youth高校公开课
高校公开课
云+社区技术沙龙[第7期]
小程序云开发官方直播课(应用开发实战)
云+社区技术沙龙[第6期]
腾讯位置服务技术沙龙
腾讯云GAME-TECH沙龙
云+社区技术沙龙[第10期]
腾讯云GAME-TECH沙龙
领取专属 10元无门槛券
手把手带您无忧上云