首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用material-ui为redux-form设置initialValues将不起作用

是因为material-ui的表单组件与redux-form的initialValues属性之间存在冲突。

在使用redux-form时,可以通过initialValues属性来设置表单的初始值。然而,当使用material-ui的表单组件时,这个属性可能不会生效。

解决这个问题的方法是使用redux-form提供的Field组件来包装material-ui的表单组件,并通过Field组件的initial属性来设置初始值。示例如下:

代码语言:javascript
复制
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)可以提供云计算和容器化的解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券