使用语义ui日历日期选择器的react data grid自定义编辑器上的键盘导航

Question

目标：使用react data grid自定义编辑器启用语义日历日期选择器的键盘导航

内置演示：日期选择器的第三列 https://codesandbox.io/embed/8l4jkor19

当前行为：

• 双击日期单元格会弹出日历
• 按键盘上的箭头键，所选单元格已更改， 日历消失

想要的行为：

• 双击日期单元格会弹出日历
• 按可导航日历日期的键盘箭头键，然后按Enter键选择

官方示例：第一个输入单元格 https://arfedulov.github.io/semantic-ui-calendar-react/

问题： 有没有人遇到过类似的情况？不完全知道问题发生在哪里以及如何调查。非常感谢

Answer 1

发生这种情况是因为您失去了dom节点的注意力。

尝试在自定义编辑器中使用以下代码。

getInputNode = () => {
    // eslint-disable-next-line react/no-find-dom-node
    return ReactDOM.findDOMNode(your calender id selector);
}