因此，我正在制作一个创建产品页面.这些项目是产品名称、产品价格、产品描述.有些时候用户还不想在他们的产品上输入任何价格.在这种情况下，我不希望它在页面上显示值为0的货币.有没有办法把货币藏起来？谢谢
const [price, setPrice] = useState();
const formatter = new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
});
<p className="card-text">{formatter.format(item.price)}</p>
您可以添加一个条件来判断JSX上的空值item.price，如下所示
<p className="card-text">{Boolean(item.price) && formatter.format(item.price)}</p>
如果您希望将该格式化程序重用于其他值，我建议您引入一个函数
const formatCurrency = (priceValue) => {
if(!priceValue) {
return '';
}
return new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
});
}
<p className="card-text">{formatCurrency(item.price)}</p>