reactjs . format不是Intl. NumberFormat React JS上的函数

vcirk6k6  于 2023-06-22  发布在  React
关注(0)|答案(1)|浏览(100)

我正在尝试使用以下函数将数字转换为货币:

let currencyFormatter = new Intl.NumberFormat("en-GB", {
  style: "currency",
  currency: "GBP",
  minimumFractionDigits: 2,
});

但是,我得到了上面的错误.format is not a function
我使用的功能是这样的;

<tbody>
    {data.items.map((item) => (
        <tr key={item} className="text-right">
            <td className="text-left py-4 align-top text-sm">{item.description}</td>
            <td className="py-4 min-w-[100px] align-top text-sm font-bold">{currencyFormatter.format(item.price)} // ERROR HERE!</td>
            <td className="py-4 min-w-[100px] align-top text-sm">{item.quantity}</td>
            <td className="py-4 min-w-[100px] align-top text-sm font-bold">{item.price * item.quantity}</td>
        </tr>
    ))}
</tbody>

任何帮助非常感谢。

公司进出口

currency.js

export let currencyFormatter = new Intl.NumberFormat("en-GB", {
  style: "currency",
  currency: "GBP",
  minimumFractionDigits: 2,
});

page.jsx

import currencyFormatter from "../../../utility/currency";
toe95027

toe950271#

你的import语句是错误的。CurrencyFormatter不是默认导出。您需要使用命名导入。

Utils/currencyFormatter.js

export let currencyFormatter = new Intl.NumberFormat("en-GB", {
  style: "currency",
  currency: "GBP",
  minimumFractionDigits: 2,
});

component1.js

import {currencyFormatter} from './utils/currencyFormatter.js';

export default function Component1(){
return(
<tbody>
    {data.items.map((item) => (
        <tr key={item} className="text-right">
            <td className="text-left py-4 align-top text-sm">{item.description}</td>
            <td className="py-4 min-w-[100px] align-top text-sm font-bold">{currencyFormatter.format(item.price)} // ERROR HERE!</td>
            <td className="py-4 min-w-[100px] align-top text-sm">{item.quantity}</td>
            <td className="py-4 min-w-[100px] align-top text-sm font-bold">{item.price * item.quantity}</td>
        </tr>
    ))}
</tbody>
)
}

相关问题