在redux形式的文本字段中设置初始值

Question

我想创建一个输入文本字段，如上图，我正在使用redux表单。 我的输入字段组件代码如下：

<input
      {...props.input}
      type={props.type}
      className="form-control input-box__input"
      placeholder={props.placeholder}
      value={props.value}
    />

在字段标签中，我的代码是：

                <Field
                  id="currentPassword"
                  name="currentPassword"
                  component={inputField}
                  type="text"
                  disabled
                  value={userSettings.map(i => i.currentPassword)}
                />

同样在我的容器中，我使用initialValues像这样：

initialValues: fromJS({
      currentPassword: ownProps.currentPassword,

但这似乎不起作用。 你知道为什么吗？

Answer 1

您应该使用initialValues，例如：

const Wrapper = (props) => {
 class Login extends Component {
   ...
 }
 const LoginForm = reduxForm({
  form: 'LoginForm',
  initialValues: {
    currentPassword: "initial currentPassword",
  },
 })(Login);
 return <LoginForm {...props} />;
}

要么

<LoginForm
 initialValues={initialValues}
/>

http://redux-form.com/6.0.0-alpha.4/examples/initializeFromState/