关于react 的render props 如何使用
摘要：最近开始复习react内容，看到这块的时候想起来以前也没用过，就写了一个小例子看看，代码如下 import React from 'react'; class Tip extends React.Component{ render() { const pos = this.props.pos; co
阅读全文
posted @ 2022-03-03 10:55
随笔分类 - react 学习笔记
react 从小白到高手
react-redux 中的Provider和connect
摘要：一、Provider 和connect 的作用 Provider: Provider的作⽤是从最外部封装了整个应⽤，并向connect模块传递store connect: 负责连接React和Redux -- 函数签名 connect(mapStateToProps?, mapDispatchToP
阅读全文
posted @ 2021-12-30 13:58
redux 的工作流程
摘要：redux 是什么？ Redux 是 JavaScript 应用的状态容器，提供可预测的状态管理 redux 设计和使用的三大原则： - state以单一对象存储在store对象中(整个应用的全局state被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个
阅读全文
posted @ 2021-12-30 13:44
关于React. Suspense 和 路由懒加载的使用
摘要：React 16.6 新增了 <Suspense> 组件，目前，懒加载组件是 <React.Suspense> 支持的唯一用例。。。来自官方解释 暂时不探究原理 写下实际使用，结合路由懒加载，如图 这里面的路由是使用React.lazy懒加载方式。如果在入口页面中配置路由的时候不使用React.Su
阅读全文
posted @ 2021-08-16 17:01
“Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.”
摘要：在使用react hooks时候，使用了嵌套组件，代码如下 然后会报一个错误“Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.” 修改后代码： 原因： 花括号之间的所
阅读全文
posted @ 2020-12-02 15:16
React 中的hooks（useEffect(didUpdate) ）
摘要：useEffect(didUpdate) useEffect(()=>{ //副作用函数 return ()=>{ //副作用函数的返回函数 } },[依赖参数]) 副作用函数： 1. 当 useEffect 没有依赖参数时，副作用函数，会在组件挂载完成及组件更新完成时执行 2. 当有依赖参数副作用
阅读全文
posted @ 2020-11-16 00:14
React生命周期
摘要：React生命周期 ## 挂载阶段 constructor(props) 组件挂载之前调用 static getDerivedStateFromProps() getDerivedStateFromProps 的存在只有一个目的：让组件在 props 变化时更新 state render() com
阅读全文
posted @ 2020-11-13 18:17
