material-ui(国外)

1) 官网: http://www.material-ui.com/#/

ant-design(国内蚂蚁金服)

1) PC官网: https://ant.design/index-cn

2) 移动官网: https://mobile.ant.design/index-cn

1. NavLink or Link

略. 区别在于activeClassName的有无

基本标签的使用

1. 在index.js中, render的对象需要用<BrowserRouter>包裹:

1. 理解react-router

react的一个插件库
专门用来实现一个SPA应用(single page web application，SPA）
基于react的项目基本都会用到此库

方式一: 通过 props 传递

1) 共同的数据放在父组件上, 特有的数据放在自己组件内部(state)

2) 通过 props 可以传递一般数据和函数数据, 只能一层一层传递

3) 一般数据–>父to子–>子组件读取数据

新的数据以props出现, 因此在componentWillReceiveProps中编写ajax请求代码

4) 函数数据–>子to父–>子组件调用函数

存在的问题:

• 孙子组件需要逐层传递
• cousin组件需要以父组件作为媒介

• props属性只能通过外部接口赋值, state属性只能通过this.setState设置

几个重要实现点:

• cousin元素之间传递数据麻烦 -> 通过父元素作为中介
• 数据在哪个组件被使用, 被修改 -> 优先放在该组件中
• 假如中途触发请求 -> 在页面数据变化(如搜索关键词)发送请求 -> 在componentWillReceiveProps中使用axios发送异步ajax请求

HW，inspur, Lenovo v.s. ??? DELL & HP & IBM(??)

细分硬件平台：CPU GPU 主存 外存