react-redux - 提交后关注表单域

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>