用表单包装的网格库支持自定义渲染器不起作用

Question

我有一个使用ag-grid构建的最终形式的支持网格。Ag-grid采用渲染，在我的例子中是用FormSpy包裹的字段。使用最终形式的预钩子版本，但我遇到了一些问题，所以我升级到最新版本并收到"[X] 必须在组件内部使用"错误。

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

例

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

Answer 1

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

const gridApi = useRef();
<AgGridReact
{...}
ref={gridApi}
/>