React中如何通过脚本导入JS

在React中，我们通常需要导入外部JS文件来增强组件的功能，比如导入jQuery、Bootstrap等库。本文将介绍React中如何通过脚本导入JS。

脚本导入

在React中，我们可以通过<script>标签来导入外部JS文件。例如，如果要导入jQuery库，可以在React组件的HTML模板中添加以下代码片段：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

通过这种方式，jQuery库就被导入到了React组件的代码中，可以在组件的JavaScript代码中使用。

模块导入

除了通过脚本标签导入外部JS文件，我们也可以使用ES6的模块导入语法来导入JS文件。例如，如果要导入lodash库，可以在React组件中使用以下代码：

import _ from 'lodash';

通过这种方式，lodash库就被导入到了React组件中，可以在组件的JavaScript代码中使用。

需要注意的是，使用模块导入语法需要安装支持模块导入的工具，如Babel等。

总结

本文介绍了React中如何通过脚本导入JS，包括脚本导入和模块导入两种方式。在实际开发中，可以根据需要选择不同的方式导入外部JS文件。