将图标添加到材料表“查找”（material-ui React）

Question

我将material-ui用于项目，并将material-table用于数据表。 我想知道如何在列->查找中使用自定义渲染（例如添加图标）。 例如，材料表文档中的

columns={[
        {
          title: 'Birth Place',
          field: 'birthCity',
          lookup: { 34: 'İstanbul', 63: 'Şanlıurfa' },
        },
      ]}

这是简单的键值字符串。我想为每个值添加一个图标

类似这样的东西：

Answer 1

根据他们的renderLookUpFiled方法的代码，React.Element作为查找对象的值应该起作用。 他们正在渲染{this.props.columnDef.lookup[key]}，这意味着如果我们通过React.Element，它也会渲染，可能会有一些道具警告，但它应该可以工作

columns={[
        {
          title: 'Birth Place',
          field: 'birthCity',
          lookup: { 34: <div><img src="/your/image"/> İstanbul</div>, 63: <div><icon/> Şanlıurfa</div> },
        },
      ]}

Material-Table中的renderLookUpFiled方法的代码