react中同一个页面中,多个组件内如何区分使用不同的scope区域呢,比如向下键如何复用
changbinchen opened this issue · comments
@changbinchen 这个是 hotkeys-js
基础封包,你可以基于它封包,放出 API,将 scope 放到全局 state
上 在根组件上使用 react-hotkeys
,通过全局 state 来控制 scope
没理解,能简单写个例子吗,比如以下两个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>