react
文章平均质量分 68
maidu_xbd
核心算法+大量的重复实践
展开
-
react---react router 5 基本使用
路由是根据不同的 URL 地址展示不同的内容或页面,在 SPA 应用中,大部分页面结果不改变,只改变部分内容的使用。一个路由其实就是一个映射关系。前端路由常见的两种模式:hash和historyhash模式:路由上会有个#号,#后面 hash 值的变化,并不会导致浏览器向服务器发出请求,浏览器不发出请求,也就不会刷新页面。使用 Javascript 来对 location.hash 进行赋值,改变 URL 的hash值,每次 hash 值的变化,会触发hashchange 这个事件。原创 2023-06-13 08:43:52 · 1964 阅读 · 0 评论 -
react---pubsub-js消息订阅与发布
pubsub是一个用Javascript编写的基于主题的发布/订阅库,适用于任意组件间的通信,需要先订阅再发布 ,在组件即将卸载时钩子函数中进行取消订阅。(3) PubSub.publish('update', data): 发布消息, 触发订阅的回调函数调用。(1) import PubSub from 'pubsub-js' // 引入。(4) PubSub.unsubscribe(token): 取消消息的订阅。2. 下载: 【npm install pubsub-js --save】原创 2023-06-12 23:08:07 · 883 阅读 · 0 评论 -
react---配置代理
方式一:在package.json中添加proxy【 "proxy":"http://localhost:5000" 】创建代理配置文件,在src下创建配置文件:src/setupProxy.js。案例代码【App.jsx】原创 2023-06-12 22:45:25 · 3299 阅读 · 0 评论 -
react---todoList案例
state放在哪个组件:如果某个组件组件使用:放在其自身的state中。如果某些组件使用:放在他们共同的父组件state中(官方称此操作为状态提升)状态(state)在哪,操作状态的方法就在哪里。原创 2023-06-12 22:34:53 · 1367 阅读 · 0 评论 -
react---create-react-app搭建项目
【index.js】--将APP组件渲染到页面。%PUBLIC_URL%代表public目录。【index.html】--应用入口文件。【Hello组件/Welcome组件】3.hello_react示例。原创 2023-06-12 21:32:46 · 442 阅读 · 0 评论 -
react---生命周期
React 中为我们提供了一些生命周期钩子函数,让我们能在 React 执行的重要阶段,在钩子函数中做一些事情。新的生命周期 对于 旧的生命周期 ,废弃(即将废弃)了 三个 生命钩子: componentWillMount、componentWillReceiveProps、componentWillUpdate;新提出了两个生命钩子:getDerivedStateFromProps(获取派生状态)、getSnapshotBeforeUpdate(存快照,比如用于存放滚动条更新前位置)原创 2023-06-12 20:46:03 · 1489 阅读 · 0 评论 -
react---react入门
react是用于构建用户界面的javaScript 库,是一个将数据渲染为HTML视图的开源 JavaScript库由FaceBook软件工程师Jordan Walke创建,2013年5月宣布开源。原生js的痛点-原生JS通过DOM Api操作DOM繁琐、效率低;浏览器会进行大量的重绘重排;原生JS没有组件化编码方案,代码复用率低。react 特点:采用组件化模式、声明式编码,提高开发效率及组件复用率。React Native 中可以使用 React语法进行移动端开发使用虚拟DOM (原创 2023-06-05 00:45:53 · 72 阅读 · 0 评论