提交后关注表单域

【问题标题】：Focus on the form field after submit提交后关注表单域
【发布时间】：2016-06-01 18:55:10
【问题描述】：

提交表单后如何关注特定的表单域？

已经尝试过的事情：

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

redux-form 版本：3.0.12

【问题讨论】：

标签： react-redux redux-form

【解决方案1】：

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

要清理表单，提交后...

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

【讨论】：

这不起作用，然后没有被触发..我的 doSubmit 方法看起来像： const doSubmit = (values, dispatch) => { return new Promise((resolve, reject) => { // ...一些代码// })}