
React
文章平均质量分 87
我不是前段king
前端领域博主,记录学习笔记和技术难点
展开
-
react项目--博客管理
利用useLocation进行反向高亮//反向高亮//触发个人信息的action//获取store内的个人信息选择时,高亮效果没实现,增加以下两行代码。原创 2024-06-10 13:54:01 · 975 阅读 · 1 评论 -
组件通信方式
类组件通过props函数组件。原创 2024-03-16 08:49:50 · 417 阅读 · 0 评论 -
React-redux
Redux 是 JavaScript 应用的状态容器,提供可预测的状态管理。原创 2024-03-15 08:46:15 · 1653 阅读 · 0 评论 -
React路由
路由是根据不同的 url 地址展示不同的内容或页面。一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到URl之间的同步映射关系注:exact 精确匹配 (Redirect 即使使用了exact, 外面还要嵌套Switch 来用)a new entry will not be added to the history stack,这个警告只有在hash 模式会出现。原创 2024-03-13 23:56:34 · 773 阅读 · 0 评论 -
React hooks
通过自定义 Hook,可以将组件逻辑提取到可重用的函数中,在 Hook 特性之前,React 中有两种流行的方式来共享组件之间的状态逻辑:render props和高阶组件,但此类解决方案会导致组件树的层级冗余等问题。而自定义Hook 的使用可以很好的解决此类问题创建自定义 Hook自定义 Hook 是一个函数,其名称以 “use” 开头,函数内部可以调用其他的 Hook。});}, []);使用return (原创 2024-03-13 23:56:14 · 1027 阅读 · 1 评论 -
React生命周期
调用 forceUpdate() 将致使组件调用 render() 方法,此操作会跳过该组件的 shouldComponentUpdate()。通常你应该避免使用 forceUpdate(),尽量在 render() 中使用 this.props 和 this.state。通过这个钩子修改的state,state任何时候都取决于props,其他的函数无法进行修改。在新的生命周期中,废弃了旧版本的3个带will的钩子,新提出了2个钩子。第一次的初始化组件以及后续的更新过程中(包括自身状态更新以及父传子) ,原创 2024-03-12 15:27:50 · 1341 阅读 · 0 评论 -
React基础
没有 state 的组件叫无状态组件(stateless component),设置了 state 的叫做有状态组件(stateful component)。props 的主要作用是让使用该组件的父组件可以传入参数来配置该组件。props是正常是外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是你可以通过父组件主动重新渲染的方式来传入新的。setState 是异步的,所以想要获取到最新的state,没有办法获取,就有了第二个参数,这是一个可选的回调函数。原创 2024-03-09 08:51:59 · 2512 阅读 · 8 评论