react
文章平均质量分 59
土豆切成丝
作为时代的弄潮儿,我要用知识武装自己。以时不待我,只争朝夕的精神,在此记录我的一次一次的成长历程。
展开
-
react-redux中使用Hook和类组件写法进行状态管理
是的官方绑定库。它能够使你的组件从中读取数据,并且向分发以更新数据1.react项目搭建 npx create-react-app app2.安装redux npm i redux3.安装 react-redux npm i react-reduxsrc/index.jssrc/store/index.jssrc/store/reducer.jssrc/store/reducer-types.js②在类组件中使用src/App.jsx③在Hook中使用原创 2022-07-13 00:32:12 · 796 阅读 · 8 评论 -
在react中使用redux
Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 (如果你需要一个 WordPress 框架,请查看 Redux Framework。)可以让你构建一致化的应用,运行于不同的环境(客户端、服务器、原生应用),并且易于测试。不仅于此,它还提供 超爽的开发体验,比如有一个时间旅行调试器可以编辑后实时预览。Redux 除了和 React 一起用外,还支持其它界面库。 它体小精悍(只有2kB,包括依赖)。...原创 2022-07-12 20:37:04 · 948 阅读 · 1 评论 -
React路由跳转及路由传参的几种方式
原理:hash路由的原理是监听hashchange事件安装包 npm i react-router-dom@5.3.0 代码部分 Link 和 NavLink区别:NavLink指向的路径会自带一css类名swith:用Switch组件包裹多个组件。在组件下,不管有多少个Route的路由规则匹配成功,都只会渲染第一个匹配的组件404: 不设置path属性,将404页对应的路由放在switch内部的最后位置三、编程式路由跳转 传递参数组件里方法: let goNews = ()=>{原创 2022-07-12 00:05:37 · 4865 阅读 · 5 评论 -
React生命周期
(1)constructor①触发时机:创建组件时,最先执行②作用:1.初始化state 2.为事件处理程序绑定this(2)getDerivedStateFromProps①触发时机:在调用render方法之前调用,并且在初始化挂载及后续更新时都被调用。②作用:返回一个一个对象来更新state,如果返回null则不更新任何内容(3)render①触发时机:每次组件被渲染的时候都会被触发②作用:渲染ul结构(注意:不能调用setState())(4)componentDidMount①触发时机:组件挂载后(原创 2022-07-08 00:26:53 · 283 阅读 · 2 评论