简介
react-exchange-widget 是一个基于 React 的汇率转换插件。它可以方便地将一个国家的货币转换为另一个国家的货币。这个插件可以用作商业应用中的货币转换器，也可以用于网站中的实时货币汇率。
安装
使用 npm 安装
在项目的根目录下执行以下命令：
npm install react-exchange-widget --save
使用 yarn 安装
在项目的根目录下执行以下命令：
yarn add react-exchange-widget
使用说明
示例
这是一个简单的使用示例。我们将从美元转为欧元。
-- -------------------- ---- -------
------ -------------- ---- ------------------------
-------- ----- -
------ -
-----
---------------
------------------
--------------------
--
------
--
-
------ ------- ----Props
react-exchange-widget 提供了一些属性，可以控制插件的一些行为。
| Prop | Type | Default | Description |
|---|---|---|---|
| baseCurrency | string |
USD |
货币转换的基础货币 |
| targetCurrency | string |
EUR |
目标货币，可以是任何国家的货币。 |
| amount | number |
1 |
转换时使用的货币数量。 |
| locale | string |
en-US |
转换后货币的显示语言和格式。 |
| onChange | function |
null |
转换后货币更新后的回调函数。 |
方法
react-exchange-widget 还提供了一些方法，可以在需要时调用。
getExchangeRates(baseCurrency: string, targetCurrency: string)
获取指定货币之间的即时汇率。
参数
| 参数名 | 类型 | 描述 |
|---|---|---|
| baseCurrency | string |
货币转换的基础货币。 |
| targetCurrency | string |
目标货币。可以是任何国家的货币。查询的汇率是指 baseCurrency 1 种货币兑换 targetCurrency 的汇率。 |
返回值
返回两种货币之间的汇率。
示例代码
这是一个完整的示例，可以方便快捷地使用 react-exchange-widget。
-- -------------------- ---- -------
------ ------ ---------- ------------ ---- --------
------ --------------- ------------------ ---- ------------------------
-------- ----- -
----- -------------- ---------------- - ------------
----- -------------- - -------------------------- --------------- -- -
----- ---- - ------------------------------ ----------------
----------------------
-- ----
------ -
-----
---------------
------------------
--------------------
-------------------------
--
------------ ----- -------------------
------
--
-
------ ------- ----附录
参考文献
- react-exchange-widget - npm
贡献者
- **Luiz F.](https://github.com/luizf-lf) - 作者
许可证
本项目使用 MIT 许可证。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005642281e8991b448e150c