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

时间:2017-05-25 19:21:16

标签: react-virtualized

当用户选中List并且List获得焦点时,我想在List的父级周围放置一个边框。如果我能在列表上调用onFocus / onBlur会很棒。有什么建议?

1 个答案:

答案 0 :(得分:2)

目前无法将onBluronFocus个事件(或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);
    }
  }