当 List 获得焦点时反应虚拟化通知

Question

当用户使用 Tab 键进入列表并且列表获得焦点时，我想在列表的父级周围放置一个边框。如果我能在 List 上调用 onFocus/onBlur 就好了。有什么建议吗？

Answer 1

目前无法将 onBlur 或 onFocus 事件（或 onScroll 以外的任何事件）附加到 Grid。（List也是一样，只是装饰了一个Grid）。

您可以使用 ref 自行添加此行为。这是一个示例 Plnkr：https://plnkr.co/edit/TVxnhf?p=preview

关键部分是：

  _setListRef(listRef) {
    if (listRef) {
      listRef = findDOMNode(listRef);
      listRef.addEventListener('blur', onListBlur);
      listRef.addEventListener('focus', onListFocus);
    }
  }

当 List 获得焦点时反应虚拟化通知

react-virtualized notification when List gets focus

react-virtualized