forms - 在 Redux 表单的输入字段中设置值

Question

我想使用 redux 表单创建一个字段，其中包含一个具有默认值的“readOnly”框。

所以我正在写

<Field id="current-password" 
       name="current-password" 
       type="text"
       readOnly="readOnly"
       component={inputField}>
       value={userNumber}     
</Field>

userNumber 是一个 prop。 输入字段是: 我

mport React from 'react';
import { Input } from 'reactstrap';


export default field => (
  <div>
    <Input {...field.input} type={field.type}>
      {field.children}
    </Input>
    {field.meta.touched && field.meta.error &&
    <span className="error">{field.meta.error}</span>}
  </div>
);

我的布局是这样的:

当我的组件渲染时，我希望它看起来像这样。问题是“value”属性没有被分配。 怎么解决这个问题？

Answer 1

考虑将状态映射到表单声明中的 initialValues 属性。

我是这样做的:

function mapStateToProps(state) {
    return {
        request: state.request,
        initialValues: state.auth,
    };
}

这里有完整记录的示例 Initialize From State