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

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

已经尝试过的事情:

1.

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) => { // ...一些代码// })}
    猜你喜欢
    • 1970-01-01
    • 2012-04-06
    • 1970-01-01
    • 2013-02-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-02
    • 2015-02-18
    相关资源
    最近更新 更多