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

Question

我想使用 redux 表单创建一个字段，它将包含一个 "readOnly" 框，该框将具有默认值。

所以我在写

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

userNumber 是道具。输入字段是：我

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

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

Setting a value in an input Field in Redux Form

forms

field

redux