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

Question

我想使用redux格式创建一个字段，该格式将包含一个“readOnly”框，该框将具有默认值。

所以即时写作

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

userNumber是道具。 inputField是： 我

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>
);

我的布局是这样的：

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

Answer 1

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

我是这样做的：

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

这里有一个完整记录的例子