react中同一个页面中，多个组件内如何区分使用不同的scope区域呢，比如向下键如何复用

[changbinchen]

[jaywcjlove]

@changbinchen 这个是 hotkeys-js 基础封包，你可以基于它封包，放出 API，将 scope 放到全局 state 上 在根组件上使用 react-hotkeys，通过全局 state 来控制 scope

[changbinchen]

没理解，能简单写个例子吗，比如以下两个div，复用键盘，思路是什么呢

<div className="itemDiv" >
    <Hotkeys
        keyName="up,down,a,space"
        onKeyDown={this.onKeyDown.bind(this)}
    >
        <div className='demo1'></div>
    </Hotkeys>
    <Hotkeys
        keyName="up,down,a,space"
        onKeyDown={this.onKeyDown.bind(this)}
    >
        <div className='demo2'></div>
    </Hotkeys>
</div>