资源获取

通过包管理工具自动集成 SDK

Shell

npm install agora-rtc-react agora-rtc-sdk-ng

信息

使用 npm 安装依赖时，声网推荐你同时安装 agora-rtc-react 和 agora-rtc-sdk-ng 依赖项（如上所示）。agora-rtc-sdk-ng 是 agora-rtc-react 的 peerDependencies，这样安装可以确保项目中的 agora-rtc-sdk-ng 符合版本要求，从而保证 agora-rtc-react 的最佳使用体验。

使用 CDN 引入 SDK

在你的 HTML 文件中添加如下代码，使用 CDN 方法获取 SDK：

html

<!-- 必须按照以下顺序依次引入 -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>

<script src="https://download.agora.io/sdk/release/AgoraRTC_N-4.18.2.js"></script>

<!-- 如果以上依赖库都已经通过 npm 集成，只需要添加这一行 -->
<script src="https://download.agora.io/sdk/release/agora-rtc-react.2.0.0-beta.0.js"></script>

获取示例项目

声网在 GitHub 上提供一个开源的示例项目 agora-rtc-react 供你参考，包括 React SDK 提供的每个组件和 Hook 以及部分进阶功能的效果展示。