Así que estoy haciendo una página de creación de productos. Los artículos eran el nombre del producto, el precio del producto, la descripción del producto. Habrá momentos en los que el usuario no quiera ingresar ningún precio en su producto todavía. En ese caso, no quiero que muestre la moneda con el valor 0 en la página. ¿Hay alguna forma de ocultar la moneda? gracias
const [price, setPrice] = useState();
const formatter = new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
});
<p className="card-text">{formatter.format(item.price)}</p>
Puede agregar una condición para verificar el valor vacío de item.price en su JSX como se muestra a continuación
<p className="card-text">{Boolean(item.price) && formatter.format(item.price)}</p>
Si desea reutilizar ese formateador para otros valores, le sugiero que introduzca una función
const formatCurrency = (priceValue) => {
if(!priceValue) {
return '';
}
return new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
});
}
<p className="card-text">{formatCurrency(item.price)}</p>