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

【问题标题】：react-virtualized notification when List gets focusList 获得焦点时的反应虚拟化通知
【发布时间】：2017-10-26 13:32:08
【问题描述】：

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

【问题讨论】：

标签： react-virtualized

【解决方案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);
    }
  }

【讨论】：

哇——完美。非常感谢。