1

目标：使用反应数据网格自定义编辑器为语义日历日期选择器启用键盘导航

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

当前行为：

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

想要的行为：

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

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

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

4

1 回答 1

0

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

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

getInputNode = () => {
    // eslint-disable-next-line react/no-find-dom-node
    return ReactDOM.findDOMNode(your calender id selector);
}
于 2019-09-29T18:00:30.930 回答