reactjs - ag-grid 反应 + flatpickr 反应

Question

我试图围绕一个Flatpickr组件的实例化来代替ag-grid Datepicker，类似于 ag-grid 文档中给出的示例：https ://www.ag-grid.com/react -网格/组件日期/。

在该页面上给出的示例中，flatpickr作为 javascript 文件全局包含在 中index.html，然后 datepicker 标记以javascript 样式进行flatpickered 。customDateComponent.jsx

我正在尝试实现相同的目标，但使用Flatpickr react component，而不是flatpickr作为 datepicker 标记上的函数调用。我没有index.html，只有一个index.js。到目前为止，这是我的工作的一个比喻：https ://codesandbox.io/s/hungry-waterfall-fidsr?file=/src/customDateComponent.jsx

从codesandbox.io 示例中可以看出，我可能在所有参考文献中都遗漏了一些东西。我收到一个错误TypeError: Cannot read property 'className' of null，有时在启动项目时我会得到类似this._flatpicker.destroy is not a function.

关于如何让 Flatpickr react 组件作为 ag-grid datepicker 的替代品很好地工作的任何指示？

标签： reactjsag-grid-reactflatpickr