React (5) 載入外部套件

發表於 分類於
使用 Create React App 載入外部套件

載入 axios

在 cra 專案中可以用 npm 載入 axios 套件，用來獲取遠端資料。

1
npm install axios

在需要使用的元件內引入即可

1
2
3
4
5
6
7
import axios from 'axios';

useEffect(() => {
  (async() => {
    const res = await axios.get('https://randomuser.me/api/');
  })();
}, []);

載入 sass

在 cra 專案中要使用 sass 可以先安裝

1
npm install sass

安裝完後可以在 assets 資料夾新增 all.scss

在 App.js 中引入

1
import './assets/all.scss';

載入 Bootstrap

先用 npm 下載 Bootstrap

1
npm install bootstrap@5.3.3

在 assets 資料夾內加入 all.scss

在 all.scss 內引入 bootstrap

1
@import "bootstrap/scss/bootstrap";

在 App.js 內引入 all.scss

1
import './assets/scss/all.scss';