[react] 怎么在React中引入其它的UI库，例如Bootstrap

Posted 2021-12-13 前端小歌谣

[react] 怎么在React中引入其它的UI库，例如Bootstrap

react-bootstrap是一个非常受欢迎的针对react封装过的bootstrap，它本身不包含css，所以也是需要使用bootstrap原生库。
在create-react-app建的项目目录中安装react-bootstrap。
npm install react-bootstrap --save

安装bootstrap。
npm install bootstrap@3.3.7 --save

在index.js文件中增加css引用。
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';

在需要用到bootstrap组件的代码中，引入所需组件。
import Navbar, Jumbotron, Button from 'react-bootstrap';

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题