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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
校园悬赏任务平台对字典管理、论坛管理、任务资讯任务资讯公告管理、接取用户管理、任务管理、任务咨询管理、任务收藏管理、任务评价管理、任务订单管理、发布用户管理、管理员管理等进行集中化处理。经过前面自己查阅的网络知识,加上自己在学校课堂上学习的知识,决定开发系统选择小程序模式这种高效率的模式完成系统功能开发。这种模式让操作员基于浏览器的方式进行网站访问,采用的主流的Java语言这种面向对象的语言进行校园悬赏任务平台程序的开发,在数据库的选择上面,选择功能强大的Mysql数据库进行数据的存放操作。校园悬赏任务平台的开发让用户查看任务信息变得容易,让管理员高效管理任务信息。 校园悬赏任务平台具有管理员角色,用户角色,这几个操作权限。 校园悬赏任务平台针对管理员设置的功能有:添加并管理各种类型信息,管理用户账户信息,管理任务信息,管理任务资讯公告信息等内容。 校园悬赏任务平台针对用户设置的功能有:查看并修改个人信息,查看任务信息,查看任务资讯公告信息等内容。 系统登录功能是程序必不可少的功能,在登录页面必填的数据有两项,一项就是账号,另一项数据就是密码,当管理员正确填写并提交这二者数据之后,管理员就可以进入系统后台功能操作区。项目管理页面提供的功能操作有:查看任务,删除任务操作,新增任务操作,修改任务操作。任务资讯公告信息管理页面提供的功能操作有:新增任务资讯公告,修改任务资讯公告,删除任务资讯公告操作。任务资讯公告类型管理页面显示所有任务资讯公告类型,在此页面既可以让管理员添加新的任务资讯公告信息类型,也能对已有的任务资讯公告类型信息执行编辑更新,失效的任务资讯公告类型信息也能让管理员快速删除。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值