将快捷方式/热键绑定到div？限制React中的快捷方式范围

Question

我正在使用捕鼠器在React组件中使用快捷方式：

  componentDidMount() {
    Mousetrap.bind(['space'], ()=>this.play());
  }
  componentWillUnmount() {
    Mousetrap.unbind(['space'], ()=>this.play());
  }  

只有当此组件处于活动状态/在/ etc上单击时，才可以激活这些快捷方式吗？并在其他组件处于活动状态时再次注册相同的快捷方式？