提交后，请关注表单域

Question

如何在提交表单后关注特定表单字段？

已经尝试过的事情：

1

dispatch(focus('fieldRefName')) 2.
componentWillReceiveProps = (nextProps) => { if (nextProps.submitting) { this.refs.fieldRefname.focus() } } 我也想在提交后清理表格。

redux-form版本：3.0.12

Answer 1

focus()操作对DOM没有影响。这是对来自 DOM的onFocus事件的反应。您需要使用this.refs.myField.focus()。

在提交后清理表单...

<form onSubmit={this.props.handleSubmit(values => {
  return doSubmit(values).then(() => this.props.reset())
}}>
...
</form>