提交后关注表单域

Question

如何在提交表单后专注于特定的表单域？

已经尝试过的事情：

1.

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

redux-form 版本：3.0.12

Answer 1

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

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

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

提交后关注表单域

Focus on the form field after submit

react-redux

redux-form