React应用程序快捷方式实现

Question

我一直在尝试不同的React快捷方式库并遇到同样的问题： 快捷方式仅适用于聚焦组件。 例如，我们有一个产品列表 组件和onClick我们会显示该产品描述 组件，其中我们有另一个组件让它成为收藏。

<List>
  <p onClick={this.showDescription}>Item 1</p>
  <p onClick={this.showDescription}>Item 2</p>
</List>
<Description>
  <h1> Item! </h1>
  <Favourite onClick={this.setFavourite}>
</Description>

因此，要将产品设置为收藏夹，我必须在点击热键之前关注收藏夹组件。

是否有可能使用嵌套的unFocused组件和unMounted实现整个应用程序的热键？