Material UI数据网格过滤器在字段中使用renderCell时不工作

Question

我正在一个react项目中工作，我正在使用数据网格。网格上有几个字段，过滤器与其他字段一起工作得很好，但与使用renderCell的字段不工作。有什么方法可以过滤电影标题吗?下面是代码:

const columns = [
{ field: "_id", headerName: "ID", width: 110 },
{
field: "movie",
headerName: "Movie",
width: 240,
renderCell: (params) => {
return (
<div className={Style.usercell}>
<img src={params.row.featuredImg} alt="" />
<span>{params.row.title}</span>
</div>
);
},
},
{ field: "genre", headerName: "Genre", width:  120 },
{ field: "year", headerName: "Year", width:  120 } ]

Answer 1

添加:

renderCell: (params) => {
return (
<div className={Style.usercell}>
<img src={params.row.featuredImg} alt="" />
<span>{params.row.title}</span>
</div>
);
},
valueGetter: (params) => params.row.title