在TypeScript中正确使用getFormInitialValues选择器的方法如下:
import { reduxForm, getFormInitialValues } from 'redux-form';
const MyForm = (props) => {
// 表单组件的具体实现
}
export default reduxForm({
form: 'myForm' // 表单的唯一标识符
})(MyForm);
import { connect } from 'react-redux';
const mapStateToProps = (state) => {
return {
initialValues: getFormInitialValues('myForm')(state) // 获取表单的初始值
};
};
export default connect(mapStateToProps)(MyContainer);
import { Field } from 'redux-form';
const MyForm = (props) => {
return (
<form>
<Field name="fieldName" component="input" type="text" initialValue={props.initialValues.fieldName} />
{/* 其他表单字段 */}
</form>
);
}
在上述代码中,fieldName是你的表单字段的名称,你可以根据自己的需求进行修改。
这样,你就可以在TypeScript中正确使用getFormInitialValues选择器了。它可以帮助你获取表单的初始值,并将其传递给redux-form的Field组件,以便在表单中显示初始值。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云