如何修改Material-Table代码将指定字段名称设为粗体？

现有代码可将rowData.Taxonomy中的逗号分隔字符串转为换行条目，但目前键名（如Domain、DomainLeader）未加粗。要实现键名粗体的效果，只需在渲染每个条目时，将键名和值拆分，把键名用<strong>标签包裹即可。

现有代码 #

render: (rowData) => (
    <>
        {rowData.Taxonomy.split(", ").map((b) => {
            return (
                <>
                    {b},
                    <br />
                </>
            );
        })}
    </>
),

当前输出 #

Domain: Corporate,<br />
DomainLeader: John Doe,<br />

修改后的代码 #

render: (rowData) => (
    <>
        {rowData.Taxonomy.split(", ").map((item) => {
            // 拆分键名和对应值
            const [key, value] = item.split(": ");
            return (
                <>
                    <strong>{key}:</strong> {value},
                    <br />
                </>
            );
        })}
    </>
),

实现效果 #

修改后每个条目会将键名（如Domain、DomainLeader）用<strong>标签包裹，输出如下：

<strong>Domain:</strong> Corporate,<br />
<strong>DomainLeader:</strong> John Doe,<br />

内容的提问来源于stack exchange，提问作者Ciaran Crowley