React数据网格自定义编辑器上的键盘导航，带有语义ui日历日期选择器

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)
      }