reactjs - 加载 ag-grid 服务器端模型时需要应用以前保存的过滤器/排序模型
问题描述
我正在尝试使用服务器端模型在 ag-grid 中加载数据。我想应用一些过滤器/排序模型,以便根据应用的排序和过滤器模型将数据加载到 ag-grid 中。
我正在使用 useEffect 加载状态,但它在 onGreadReady 函数中不可用,因此未应用于 ag-grid。
我的 POC 链接:https ://codesandbox.io/s/cqo9t?file=/src/index.jx
临时修复:
我已经通过使用 readyToLoad 状态变量暂时解决了这个问题,该变量将在 useEffect Fucntion 中标记为 true,并在表达式标记中用作加载 ag-grid 的条件。
useEffect(() => { console.log("In Use effect"); setMyState({ filter: "India", filterType: "text", type: "equals" }); setReadyToload(true); }, []);
## readyToload used as condition to load grid.
{readyToload ? <AgGrid>..</AgGrid> : ""}
----- 有更好的解决方案吗?——</p>
解决方案
推荐阅读
- node.js - node.js 中的 Modbus 命令
- javascript - “未知”类型上不存在属性“有效负载”
- java - 对为什么我得到 Index out of bounds 错误感到困惑?
- drupal - Drupal 9 - 不显示消息和消息状态系统块
- asynchronous - 尝试在自定义异步方法中返回结果无法编译
- graphql-js - 仅在 GraphQL 上执行逻辑运算符过滤器在 JSON 对象上
- angular - “NgComponentOutlet”没有提供者
- python - 不了解此 TypeError 的原因:不支持的操作数类型
- c - 确保分配的内存大小合适
- reactjs - 使用 reactjs 在 ag-grid 中通过渲染器获取数据