react
妙莲
这个作者很懒,什么都没留下…
展开
-
react 常用的ui库有哪些
国外:material-ui 国内:ant-design 蚂蚁金服 pc官网:https://ant.design/index-cn 移动官网:https://mobile.ant.design/index-cn原创 2021-03-01 16:01:23 · 939 阅读 · 0 评论 -
react-router
官方网址:https://reactrouter.com/web/guides/quick-start 安装方法:npm i --save react-router-dom web版本 组件 history 模式,h5之后的实现 hash 模式,h5之前的实现 路由 重定向 路由链接 导航路由链接 切换 其它 a. history 对象 push replace b. match 对象 c. withRouter 函数 ...原创 2021-03-01 15:26:58 · 62 阅读 · 0 评论 -
react 组件之间传值的方式
方式一:通过props传递 1.1 共同的数据放在父组件上,特有的数据放在自己组件内部 1.2 通过 props 可以传递一般数据和函数数据,只能一层一层传递 1.3 一般数据 --> 父组件传递数据给子组件 --> 子组件读取数据 1.4 函数数据 --> 子组件传递数据给父组件 --> 子组件调用函数 方式二:使用消息订阅(subscribe,相当于绑定监听)-发布(publish,相当于触发事件)机制 1.1 工具库: PubSubJS 1.2 下载:npm install .原创 2021-03-01 10:51:30 · 1584 阅读 · 0 评论 -
react 路由的理解
什么是路由? a. 一个路由就是一个映射关系(key:value) b. key 为路由路径, value 可能是function/component 路由分类 a. 后台路由: node服务器端路由,value是function,用来处理客户端提交的请求并返回一个响应数据 b.前台路由:浏览器端路由,value是component,当请求的是路由path时,浏览器前端没有发送http请求,但界面会更新显示对应的组件 后台路由 a. 注册路由:router.get(path, function(req,r.原创 2021-02-22 16:03:13 · 95 阅读 · 0 评论 -
react高效的原因
虚拟DOM,不总是直接操作DOM DOM diff算法,最小化页面重绘原创 2021-02-20 09:36:55 · 225 阅读 · 1 评论