是因为material-ui的表单组件与redux-form的initialValues属性之间存在冲突。
在使用redux-form时,可以通过initialValues属性来设置表单的初始值。然而,当使用material-ui的表单组件时,这个属性可能不会生效。
解决这个问题的方法是使用redux-form提供的Field组件来包装material-ui的表单组件,并通过Field组件的initial属性来设置初始值。示例如下:
import React from 'react';
import { Field } from 'redux-form';
import { TextField } from 'material-ui';
const MyForm = () => {
return (
<div>
<Field
name="myField"
component={TextField}
hintText="Enter a value"
floatingLabelText="My Field"
initial="Initial value"
/>
</div>
);
};
export default MyForm;
在上述示例中,我们使用了redux-form的Field组件来包装material-ui的TextField组件,并通过initial属性设置了初始值。
需要注意的是,由于material-ui的表单组件与redux-form的Field组件进行了嵌套,因此需要在redux-form的表单组件中使用Field组件来包装material-ui的表单组件。
推荐的腾讯云相关产品:腾讯云云服务器(https://cloud.tencent.com/product/cvm)和腾讯云容器服务(https://cloud.tencent.com/product/ccs)可以提供云计算和容器化的解决方案。
领取专属 10元无门槛券
手把手带您无忧上云