javascript - 在 redux 表单的文本字段中设置初始值

Question

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

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

在 Field 标签中我的代码是:

                <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/