# @dytesdk/react-web-core 中文文档

规范地址：https://npmcn.com/package/%40dytesdk/react-web-core/

版本：3\.1\.11
npm 元数据更新时间：2025-11-03T18:16:38.793Z
中文译文更新时间：2026-11-13T02:47:10.601Z
软件包许可：未声明

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

原始 npm 页面：https://www.npmjs.com/package/%40dytesdk/react-web-core
原文对照：https://npmcn.com/package/%40dytesdk/react-web-core/?lang=original

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

- 包体积（解压后）：27.2 kB，16 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：react \>=16\.8\.6
- 首次发布：2022-05-10T11:50:20.590Z
- 最新版本发布：2025-11-03T18:16:38.527Z
- 近 30 天下载量：9863（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：704（近 12 个月 0 个）

## 中文简介

@dytesdk/web-core的回放包装器 .

## 安装

```sh
npm install @dytesdk/react-web-core
```

也可以使用：`pnpm add @dytesdk/react-web-core`、`yarn add @dytesdk/react-web-core`、`bun add @dytesdk/react-web-core`

## README

[![Logo](https://assets.dyte.io/logo-outlined.png)](https://dyte.io/)

## Dyte 网络核心 - 反应

一个提供Dyte核心功能的SDK,在React.  
[**探索文件“**](https://docs.dyte.io/)  
  
[查看演示](https://app.dyte.io/) • 妇女 [报告错误](https://community.dyte.io/) • 妇女 [请求特性](https://community.dyte.io/)

## 目录

-   [关于项目](https://npmcn.com/package/%40dytesdk/react-web-core/#readme-about-the-project)
    -   [内设](https://npmcn.com/package/%40dytesdk/react-web-core/#readme-built-with)
-   [开始](https://npmcn.com/package/%40dytesdk/react-web-core/#readme-getting-started)
    -   [先决条件](https://npmcn.com/package/%40dytesdk/react-web-core/#readme-prerequisites)
    -   [安装](https://npmcn.com/package/%40dytesdk/react-web-core/#readme-installation)
-   [使用量](https://npmcn.com/package/%40dytesdk/react-web-core/#readme-usage)
-   [关于](https://npmcn.com/package/%40dytesdk/react-web-core/#readme-about)

## 关于项目

核心SDK提供了Dyte的核心功能,同时让开发者在它之上构建自定义的UI.

### 内设

-   [字节](https://dyte.io/)
-   [字体](https://typescriptlang.org/)

## 开始

让本地的复制品跟随这些简单的步骤运行.

### 先决条件

-   无

### 安装

```sh
npm install @dytesdk/react-web-core
```

## 使用量

首先,开始初始化 DyteClient 实例 `useDyteClient()` 钩.

```tsx
import { useDyteClient, DyteProvider } from '@dytesdk/react-web-core';

const App = () => {
  const [client, loadClient] = useDyteClient();

  useEffect(() => {}, []);

  return (
    <DyteProvider value={client}>
      {/* Render your UI here. Subcomponents can now use the `useDyteMeeting` and `useDyteSelector` hooks */}
    </DyteProvider>
  );
};
```

现在你可以使用 `useDyteMeeting` 财务报告和审定财务报表 `useDyteSelector` 钩子,你要的:

```tsx
import { useDyteMeeting, useDyteSelector } from '@dytesdk/react-web-core';

const Meeting = () => {
  // in case you want to use the whole meeting object
  const meeting = useDyteMeeting();

  // in case you just want to use a `slice` of a meeting object
  // these are optimized so that re-renders only occur when the selected slice changes
  const messages = useDyteSelector((meeting) => meeting.chat.messages);
  const activeParticipants = useDyteSelector(
    (meeting) => meeting.participants.active
  );

  return <div>{/* render your UI */}</div>;
};
```

## 关于

`react-web-core` 由 Dyte, Inc 创建和维护。 你可以在推特上找到我们 [@dyte io (英语)](https://twitter.com/dyte_io) 或者给我们写信 `dev [at] dyte.io`。 。 。 .

Dyte的名字和标志是Dyte, Inc的商标.

我们喜欢开源软件! 见 [我们的其他项目](https://github.com/dyte-in) 财务报告和审定财务报表 [我们的产品](https://dyte.io/)。 。 。 .

## 常见问题

### @dytesdk/react-web-core 是什么？

@dytesdk/web-core的回放包装器 \.

### 如何安装 @dytesdk/react-web-core？

在项目目录运行 npm install @dytesdk/react-web-core，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=16\.8\.6）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @dytesdk/react-web-core 支持 TypeScript 吗？

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

### @dytesdk/react-web-core 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @dytesdk/react-web-core 可以商用吗？

@dytesdk/react-web-core 使用 未声明 许可。package\.json 没有声明许可证。没有许可证的代码默认保留全部权利，商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括，不构成法律意见，请以许可原文为准。

### @dytesdk/react-web-core 的下载量有多少？

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

### @dytesdk/react-web-core 还在维护吗？

最新版本 3\.1\.11 发布于 2025/11/04（1 年前）；至今共发布 704 个版本，其中过去 12 个月发布了 0 个；首次发布于 2022/05/10。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。