如何在字符串中使、和之间的字符加粗

Question

我在材料表中有一列，它包含一个非常长的字符串。我想格式化此字符串，以便在呈现时，列中的文本将显示如下：域名：Corporate，DomainLeader:Doe，John，雇员编号：123456。。。。。。。

我有这样的代码，它在另一列中用于将字符串拆分为单独的行，以提高可读性：

render: (rowData) => (
<Box style={{ flexDirection: "row" }}>
{rowData.Taxonomy.split(", ").map((b) => (
<Box style={{ display: "flex" }}>
<Box style={{ fontWeight: "bold" }}>{b.split(":")[0]}:</Box>
<Box>&nbsp;{b.split(":")[1]}</Box>
</Box>
))}
</Box>
),

Answer 1

我已经更改了问题中的代码以获得所需的结果。

render: (rowData) => (
<Box style={{ flexDirection: "row" }}>
{rowData.details.split(",").map((b) => (
<>
<b>{b.split(":")[0]}:</b>&nbsp;{b.split(":")[1]},&nbsp;&nbsp;
</>
))}
</Box>          
),