React 学习记录-入门（2）-- 第三方UI组件

1. 安装第三方UI组件

bootstrap：
https://react-bootstrap.github.io

npm install react-bootstrap bootstrap

semantic：
https://react.semantic-ui.com/ 

npm add semantic-ui-css

npm add semantic-ui-react

https://semantic-ui.com/

npm install semantic-ui --save

npm install -g gulp

 还没去看react.semantic-ui和semantic-ui之间的关系，我都安装了，我想应该只安装react.semantic-ui就可以

还有很多不错的第三方组件。

参考：https://blog.csdn.net/dt1991524/article/details/86575597

2. package.json

package.json管理第三方插件,  作用与Maven的pom.xml文件一样。

每安装第三方插件后，package.json中会追加内容。如果自己知道，可以手动追加。

比如我安装了bootstrap和semantic UI css和semantic UI react后多自动出来这几个。

下次只执行npm install就可以，不用挨个安装一遍。

3. 引用第三方UI组件的css文件

import 'semantic-ui-css/semantic.min.css'; // semantic UI
import 'bootstrap/dist/css/bootstrap.min.css'; // bootstrap UI