Question

我正在使用initialValues初始化Field中的值。虽然我想用另一个默认值覆盖Field之一。这可能吗？我正在尝试使用defaultValue等，但是我没有用。这是我要更改的代码部分：

<Field
  type="text"
  name={`${some}.url`}
  component={renderField}
  label="URL"
  defaultValue={some.url + ':' + some.port}
/>

它使用url初始化，但我想将其更改为url：port

Answer 1

在将initialValues属性传递到redux-form组件之前，您可以对其进行修改。

类似的东西：

const mapStateToProps = state => ({
  // Here's how to set a default value and overwrite the API initial data.
  // Let's say your form is editing an User.
  // And if the User, returned by the API, doesn't have a name,
  // then we set a default value.
  initialValues: {...state.user, name: state.user.name || 'Default name'}
)}

// `connect` is part of `react-redux`.
// If you don't use `react-redux`, then just modify the `initialValues`
// before passing it down to the form.
export default connect(mapStateToProps)(reduxForm({
  form: 'formName',
})(Component))

Answer 2

不确定如何以及如何生成或更新url和port变量。但是这样的事情应该起作用。如果您可以分享更多详细信息，我可以调整答案。

private url: string = `${some}.url`;
private port: string = `${some}.port`;

<Field
  type="text"
  name={this.url}
  component={renderField}
  label="URL"
  defaultValue={this.url + ':' + this.port}
  updateDefaultValue={(url, port) => {this.url = url; this.port = port}}
/>

在您的Field组件中

this.props.updateDefaultValue("xxx","yyy");

希望这会有所帮助

从redux-form覆盖初始值

2 个答案: