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

发布时间：2020-12-14 22:36:16 所属栏目：资源来源：网络整理

导读：我的基于react-redux的表单有一个按钮,可以重置表单并将焦点移回第一个输入字段. 重置内容是直接的redux状态,但我在焦点上遇到了麻烦. 第一个字段上的autoFocus仅适用于初始渲染.有没有理智的方法重新触发它？如果我需要使用显式的element.focus(),我应该从

我的基于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();
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!