Blueprintjs：热键输入

Question

我正在尝试使用UI，允许我输入不同表行的热键......

所以主要的想法是制作像editableCell这样的东西，我将输入热键。

我已经从docs找到了getKeyComboString方法： http://blueprintjs.com/docs/#core/components/hotkeys.key-combos

但我的问题是：我如何制作像EditableCell这样的双击？

我查看了源代码并发现，editableCell为此使用了Draggable组件（我可以说），但我无法导入它。 所以我不知道如何检查我的输入是否失去焦点...

如何制作热键输入？

Answer 1

我是使用onBlur事件和isEditing状态完成的。

        <div
            className={className}
            onDoubleClick={this.handleCellDoubleClick}
            onBlur={this.handleBlur}
            onKeyDown={this.handleKeyDown}
            tabIndex={0}
        >
            {this.state.keyCombo} 
        </div>

onDoubleClick将状态设置为isEditing: true

onBlur将其设为false

onKeyDown仅在isEditing: true

时有效