34、React中Refs和Portals的使用指南

React中Refs和Portals的使用指南

在React开发中，Refs和Portals是两个非常实用的特性。Refs可以帮助组件访问DOM元素，而Portals则能将内容投影到特定的DOM元素中。下面我们将详细介绍如何在项目中使用它们。

项目准备

在开始使用Refs和Portals之前，我们需要创建一个示例项目，并进行一些必要的配置。具体步骤如下：
1. 创建项目 ：打开新的命令提示符，导航到合适的位置，运行以下命令创建项目：

npx create-react-app refs

2. 添加Bootstrap ：进入 refs 文件夹，运行以下命令添加Bootstrap CSS框架：

cd refs
npm install bootstrap@4.1.2

3. 安装jQuery ：在 refs 文件夹中运行以下命令安装jQuery：

npm install jquery@3.3.1

4. 引入Bootstrap样式 ：在