Blueprintjs：热键输入答案

【问题标题】：Blueprintjs: Hotkey inputBlueprintjs：热键输入
【发布时间】：2017-07-19 09:23:31
【问题描述】：

我目前正在尝试制作允许我为不同的表格行输入热键的 UI...

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

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

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

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

任何想法如何进行热键输入？

【问题讨论】：

标签： blueprintjs

【解决方案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 时有效

【讨论】：