数据不能在 AG-grid 上更新

Question

我刚刚在我们的 React 项目中使用了AG-grid，我只是改变了 rowData 的数据结构，如下所示：

const data =  [
    { 
        tail: '1M', 
        live_1Y1Y: { 
            value: 3.0, 
            target: 'live_1Y1Y_1M' 
         }
    }
];

而我的 colDefs 是：

[
    { 
        headerName: 'TAIL', 
        field: 'tail', 
        width: 100 
    },
    { 
        headerName: '1Y1Y', 
        field: 'live_1Y1Y',
        valueGetter: function (params) { 
            return params.data[params.colDef.field]['value']; 
        }
    }
]

当 value: 3.0 更改时，我在页面上看不到任何更新。我也设置了

deltaRowDataMode={true}
getRowNodeId={data => data.id}

但还是不行。

Answer 1

这是文档中有关变更检测的有用链接：

https://www.ag-grid.com/javascript-grid-change-detection/.

这是文档中有关视图刷新的有用链接：

https://www.ag-grid.com/javascript-grid-refresh/.

需要考虑的其他几件事：

1. 如果将 valueCache 设置为 true，它会缓存 valueGetter 的值
2. 您是否打算用 const 声明数据？如果以后要更改，最好使用 let 而不是 const。