使用react更改焦点在渲染列表上

Question

我想要实现的是能够通过键盘箭头导航自定义List组件。我设法做到了但是当我在特定元素上使用focus()时，它似乎不起作用（CSS没有按照它应该的颜色着色）但是当我强制对焦时使用浏览器。

您可以在withPropsOnChange。

中找到相关代码

我不知道该怎么办了。如果有更好的方法，请告诉我。

以下是一个示例代码： https://codepen.io/anon/pen/rKGdMJ?editors=0011