ag-grid - 用 Form 包装的网格库支持自定义渲染器不起作用

Question

我有一个使用 ag-grid 构建的最终形式的支持网​​格。Ag-grid 采用渲染，在我的情况下是用 FormSpy 包装的字段。使用 final-form 的 pre-hooks 版本可以工作，但我遇到了一些问题，所以我升级到最新版本并收到“[X] 必须在组件内部使用”错误。

我使用了 react devtools，果然，我的自定义字段渲染器/编辑器被移出上下文作为树末端的叶子。我的问题是，是否有任何解决方法可以使这项工作？有没有办法订阅特定的上下文？我知道有点反模式，但我的想法很少。

例子

这是具有较旧最终形式包的版本- https://codesandbox.io/s/final-form-ag-grid-lbq7f

Answer 1

我在使用时遇到问题，formik因为ag-grid-react不支持没有道具的 React 的上下文 API，即reactNext={true}. 另一项建议不要将 gridApi 置于状态，而是将 ref 传递给 AgGridReact，例如：

  const gridApi = useRef();

  <AgGridReact
    {...}
    ref={gridApi}
  />