React学习

React学习笔记（七）

该学习笔记源于B站视频https://www.bilibili.com/video/av69359910/?p=2&t=397

1、容器组件（Smart/Container Components）和展示组件（Dumb/Presentational Components）

2、一般react router使用react-router-dom包，BrowserRouter和hashRouter区别为是否有#号（最顶级需要Router，普通的用Route）。用Router组件渲染的组件才有history。Redirect组件规定从哪个页面过来跳到哪个页面，搭配switch使用。

3、Router中exact属性，Router是非完全匹配，加了exact后是完全匹配，遇到两个有包含关系的路由的时候，一般在短路径上加exact。render和component不能同时在route中使用，当要传递属性的时候用render。
路由传参方式有三种：1、query
2、动态路由/path/：param=>params
3、使用state(隐式传参)
埋点分析，是网站分析的一种常用的数据采集方法。

4、发送数据方法：
1、AJAX
2、img:成功率和兼容性好

const img=new Image()
img.src="http://ww.domainname.com/button-01.gif?x=1&y=2"

3、sendBeacon：兼容性不好，成功率高,支持先发送再跳转。

history.push可以跳转页面。

push里也可以传递参数。

withRouter是Router里的高阶组件。只有使用Router组件渲染的组件才会有Router的API，如果说没有，但要调用可以使用withRouter。

5、react全家桶：react、react-redux、react-router还有一些UI框架（Ant Design用的比较多，一般称为antd）
Ant Design Pro是帮不懂react的人做的
antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。