如何將 javascript 外部文件（如 bootstrap、jQuery）添加到 reactjs 應用程序

Question

我是 ReactJs 的新手，我的資產文件夾中有bootstrap.min.js 、 jquery.min.js etc靜態文件。 我必須將這些文件添加到我的 ReactJs 應用程序中，我已經嘗試過但它不起作用。

我已將以下代碼添加到index.html但它不起作用

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap4.min.js"></script>
<script src="./assets/js/vendor/Chart.bundle.min.js"></script>

Answer 1

我用過的最好的方法是通過 npm (yarn) 包，你可以直接將 bootstrap 安裝到你的項目中

npm install react-bootstrap bootstrap

Answer 2

其他用戶提到使用npm install <package> 。 如果您使用過create-react-app （或安裝了 yarn），我想補充一點，您也可以為 jQuery 使用yarn add <package> 。 兩者都運作良好。