在redux-form中,可以通过使用getFormValues
函数来检索尚未提交的表单值。
getFormValues
函数是redux-form提供的一个选择器函数,用于从Redux store中获取表单的当前值。它接受一个参数,即表单的名称,然后返回一个函数,该函数可以在组件中使用来获取表单的当前值。
以下是使用getFormValues
函数的示例代码:
import { connect } from 'react-redux';
import { getFormValues } from 'redux-form';
const MyFormComponent = ({ formValues }) => {
// 在这里使用formValues来访问表单的当前值
console.log(formValues);
return (
// 表单组件的代码
);
};
const mapStateToProps = (state) => {
return {
formValues: getFormValues('myForm')(state) // 使用getFormValues函数获取表单的当前值
};
};
export default connect(mapStateToProps)(MyFormComponent);
在上面的示例中,我们首先导入getFormValues
函数,并在mapStateToProps
函数中使用它来获取表单名为myForm
的当前值。然后,我们将这个值作为formValues
属性传递给MyFormComponent
组件,从而可以在组件中访问表单的当前值。
需要注意的是,getFormValues
函数返回的是一个函数,因此我们需要在调用它时传递Redux store的状态对象state
作为参数。
关于redux-form的更多信息和使用方法,可以参考腾讯云相关产品和产品介绍链接地址:redux-form。
领取专属 10元无门槛券
手把手带您无忧上云