我正在使用 BlueprintJS 按鈕，我的代碼如下所示：
<Button
text={`${user.name} (${user.invoicesCount?.unresolved ?? 0})
${user.resolvingUsers.length > 0 ? "| "
user.resolvingUsers.map((u: any) => {
return u.name;
}).join(", ")
: "" }`}
/>
我想將它包裝user.resolvingUsers.map()在一個跨度標簽中，以便我可以設定它的樣式。我試圖這樣包裝它：
<Button
text={`${user.name} (${user.invoicesCount?.unresolved ?? 0})
${user.resolvingUsers.length > 0 ? "| "
<span>
{user.resolvingUsers.map((u: any) => {return u.name;}).join(", ")}
</span>
: "" }`}
/>
但是，這給我一個回報[object Object]，我不確定為什么會這樣。我以為通過使用join()，它會被轉換成字串？
uj5u.com熱心網友回復：
這取決于您的 Buttontext道具是否接受Elements，但可能類似于：
text={<div>
{`${user.name} (${user.invoicesCount?.unresolved ?? 0})`}
{user.resolvingUsers.length > 0 ? (
<>
<span> | </span>
<span>{user.resolvingUsers.map((u) => u.name).join(", ")}</span>
</>
) : (
0
)}
</div>}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/514808.html