javascript – react:如何从点击处理程序设置焦点

前端之家收集整理的这篇文章主要介绍了javascript – react:如何从点击处理程序设置焦点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我的基于react-redux的表单有一个按钮,可以重置表单并将焦点移回第一个输入字段.
重置内容是直接的redux状态,但我在焦点上遇到了麻烦.

第一个字段上的autoFocus仅适用于初始渲染.有没有理智的方法重新触发它?

如果我需要使用显式的element.focus(),我应该从哪里调用它?我正在使用react-redux,但不是redux-forms.

最佳答案
您是否在商店中保留了一些信息以了解哪些元素应该关注页面加载?不?那你为什么要这么做呢?

在调度操作后立即触发element.focus() – 您不需要Redux来实现此功能,也不需要Redux来存储此状态.

代码看起来像这样

onReset() {
  const action = {
    type: RESET_FORM,}
  dispatch(action);

  const element = getElement(); // propably read ref? Find element with [autoFocus] attribute in component?
  element.focus();
}
原文链接:https://www.f2er.com/html/425493.html

猜你在找的HTML相关文章