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 组件库,主要用于研发企业级中后台产品。