reactjs - React 和 ag-grid - 如何更新 `getRowClass` 函数?
问题描述
这是一个演示问题/问题的 StackBlitz:https ://stackblitz.com/edit/react-s9l2kj
(这本质上是来自 ag-grid 网站的示例行类规则代码的修改版本)
当传递给我的组件的属性发生更改时,我有一个getRowClass
需要更新的函数。在提供的代码示例中,这被传递给Grid
组件(这里是一个精简版):
const Grid = (props) => {
const getRowClass = (params) => {
var numSickDays = params.data.sickDays;
if (numSickDays > props.minDays && numSickDays <= props.maxDays) {
return 'sick-days-warning';
};
return '';
};
return (
<>
<AgGridReact
rowData={data}
columnDefs={columnDefs}
getRowClass={getRowClass}
/>
<label>Show warning when: {props.minDays} < sick days <= {props.maxDays}</label>
</>
);
}
在 StackBlitz 示例中,Min days
正确更新文本框中的值会导致标签重新呈现,表明新属性已正确传递到网格。
问题
为什么getRowClass
函数没有更新?在我看来,它AgGridReact
正在缓存传递给它的第一个值getRowClass
,而不是在getRowClass
创建新函数时更新它 - 所以感觉就像一个错误......但是,我可能会误解我应该如何更新getRowClass
功能。
解决方案
推荐阅读
- visual-studio-code - 如何同时在 HTML 和本地重命名文件?
- installation - 无法安装 apache 超集
- python-3.x - Odoo 10 配置
- python - 使用现有列和字典的 Pandas 新列
- html - 如何将角度表达式变量传递给 ng-focus?ng-focus="setFocus({{var}}"
- toggle - Marlin 固件 MKS Gen L V1.0 板在运动命令期间意外切换接头引脚。如何完全控制引脚状态?
- c# - HttpClient SendAsync() 在将内容复制到流时抛出“错误”
- c++ - 每次我运行程序时,随机算法(随机枢轴选择)都会给出不同的输出
- java - 不同文件夹位置的 Hibernate 映射文件和配置文件
- r - 用选定的有色国家绘制世界地图