Javascript 反应物料表-数据未正确过滤

Javascript 反应物料表-数据未正确过滤,javascript,reactjs,material-ui,material-design,material-table,Javascript,Reactjs,Material Ui,Material Design,Material Table,我正在我的React项目中使用物料表。所有渲染都很好,但过滤和搜索不正常。我在这里创建了示例代码: 问题是,无论我在搜索栏或自定义列过滤器中键入什么,它都会给出0个结果。即使是一个字母也足以使返回的结果为0 什么会导致问题?是因为我在每一列中呈现数据的方式吗?如果是,我如何修复该问题?这是因为您在行数据中使用嵌套属性,就像您在渲染属性中自定义显示的文本一样,如果希望过滤器正常工作,您还需要覆盖自定义过滤器和搜索: { 标题:“联盟”, 场:“联盟”, render:(rowData)=>row

我正在我的React项目中使用物料表。所有渲染都很好,但过滤和搜索不正常。我在这里创建了示例代码:

问题是,无论我在搜索栏或自定义列过滤器中键入什么,它都会给出0个结果。即使是一个字母也足以使返回的结果为0


什么会导致问题?是因为我在每一列中呈现数据的方式吗?如果是,我如何修复该问题?

这是因为您在行数据中使用嵌套属性,就像您在
渲染
属性中自定义显示的文本一样,如果希望过滤器正常工作,您还需要覆盖
自定义过滤器和搜索

{
标题:“联盟”,
场:“联盟”,
render:(rowData)=>rowData.league.name,
customFilterAndSearch:(术语,行数据)=>
rowData.league.name.toLowerCase().indexOf(term.toLowerCase())>-1
},
参考:

现场演示