Reactjs 将图标添加到材质表“查找”（材质ui）

我的项目使用材质ui，数据表使用材质表。 我想知道，我如何使用自定义渲染。在列->查找中添加一个图标。 例如，材料表文档：

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

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

大概是这样的：

---

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

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

材料表中的renderLookUpFiled方法代码

---

此渲染仅适用于行渲染，不适用于查找。例如，出生地Ahhh，根据代码，您可以传递值中的React.Element来呈现任何内容，让我更新答案，@s.d.fard我已经更新了答案并验证了建议的更改，它在我这边运行良好