# @alephium/web3-react 中文文档

规范地址：https://npmcn.com/package/%40alephium/web3-react/

版本：3\.0\.5
npm 元数据更新时间：2026-10-06T18:27:49.077Z
中文译文更新时间：2026-11-06T19:56:16.538Z
软件包许可：GPL

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40alephium/web3-react
原文对照：https://npmcn.com/package/%40alephium/web3-react/?lang=original
项目主页：https://github.com/alephium/alephium-web3
源码仓库：https://github.com/alephium/alephium-web3

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：358 kB，80 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- Node.js 要求：\>=22\.0\.0
- 运行依赖：12 个
- peer 依赖：react 17\.x \|\| 18\.x \|\| 19\.x，react-dom 17\.x \|\| 18\.x \|\| 19\.x
- 首次发布：2023-02-17T13:40:46.503Z
- 最新版本发布：2026-07-22T07:14:43.018Z
- 近 30 天下载量：2417（2026-10-06 至 2026-11-04，npm 官方下载统计）
- 已发布版本数：221（近 12 个月 20 个）

## 中文简介

反应组件为 Alephium Web3.

## 安装

```sh
npm install @alephium/web3-react
```

也可以使用：`pnpm add @alephium/web3-react`、`yarn add @alephium/web3-react`、`bun add @alephium/web3-react`

## README

![Alephium Logo](https://raw.githubusercontent.com/alephium/alephium-brand-guide/master/logos/light/Logo-Horizontal-Light.png#gh-dark-mode-only) ![Alephium Logo](https://raw.githubusercontent.com/alephium/alephium-brand-guide/master/logos/dark/Logo-Horizontal-Dark.png#gh-light-mode-only)

* * *

## 目录

-   [从源安装](https://npmcn.com/package/%40alephium/web3-react/#readme--install-from-sources)
-   [发展](https://npmcn.com/package/%40alephium/web3-react/#readme--development)
-   [示例](https://npmcn.com/package/%40alephium/web3-react/#readme--example)
-   [贷项](https://npmcn.com/package/%40alephium/web3-react/#readme--credits)

## 从源安装

首先在您的机器上复制此寄存器, 然后运行 :

```bash
npm install
npm run build
```

## 发展

为了在你的机器上设置回放 运行:

```bash
npm install
npm run dev
```

## 示例

在您的响应/ nextjs app中添加认证按钮, 只需将您的应用程序包起来 与 `AlephiumWalletProvider` 组件并添加 `AlephiumWalletProvider` 组件.

```typescript
const App = () => {
  return (
    <AlephiumWalletProvider useTheme="win95">
      /* Your App */
      <AlephiumConnectButton />
    </AlephiumWalletProvider>
  );
```

`useTheme` 是可选的,有 [(单位:千美元) 多松岛](https://github.com/alephium/alephium-web3-react/blob/99bdf241dd48992872fb5b8346460af88e0060e6/src/types.ts#L1) 主题可以选择.

## 贷项

我们把这个项目建在 [连接Kit](https://github.com/family/connectkit)密码库 我们 愿以这种诚恳的态度感谢各位 [捐助者](https://github.com/family/connectkit/graphs/contributors) 连接Kit项目

## 常见问题

### @alephium/web3-react 是什么？

反应组件为 Alephium Web3\.

### 如何安装 @alephium/web3-react？

在项目目录运行 npm install @alephium/web3-react，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（17\.x \|\| 18\.x \|\| 19\.x）、react-dom（17\.x \|\| 18\.x \|\| 19\.x）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @alephium/web3-react 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @alephium/web3-react 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @alephium/web3-react 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=22\.0\.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @alephium/web3-react 可以商用吗？

@alephium/web3-react 使用 GPL 许可。声明的许可为 GPL，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。

### @alephium/web3-react 的下载量有多少？

根据 npm 官方下载统计，@alephium/web3-react 在 2026/10/06 – 2026/11/04 这 30 天内被下载 2,417 次，日均约 81 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @alephium/web3-react 还在维护吗？

最新版本 3\.0\.5 发布于 2026/07/22（3 个月前）；至今共发布 221 个版本，其中过去 12 个月发布了 20 个；首次发布于 2023/02/17。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。