如何在 MUI GridColDef 组件的 renderCell 方法中实现条件？

Question

我正在使用Mui Grid 组件，并希望根据数据的某些条件呈现一列的内容。

我怎样才能在方法中基本上实现条件renderCell？

const columns: GridColDef[] = [

      { field: 'offer_status',
          headerName: 'Status',
          flex: 1,
          width: 50,
          renderCell: (params) => ({
            if (params.value == 'is_sent')
                return <div>Sent</div>
          }
      )},

这不起作用 - 我认为是由于语法（意外的标记）。

Answer 1

这是一个如何在 a 中执行条件的工作示例renderCell：

\n

renderCell: params => {\n  if (params.row.programId === 1) {\n    return <div>Gradua\xc3\xa7\xc3\xa3o</div>;\n  }\n  return <div>P\xc3\xb3s-Gradua\xc3\xa7\xc3\xa3o</div>;\n}\n

\n

这是一个项目中包含的一段代码，它使用ESLint和Prettier。

\n

\n

正如您在上图中看到的，我做了一个与您在这篇文章中显示的类似的代码，完成后，出现了以下错误：

\n

\n

预计在方法结束时返回一个值\'renderCell \'

\n

\n

这意味着您必须向方法返回一些值，在您的代码中，如果不满足renderCell条件，则将永远不会收到返回值，这就是导致错误的原因。另外，你应该做的另一件事是写而不是renderCellparams(params)，因为它是单个函数参数，这意味着不需要括号。

\n