BONiii

2021年11月22日

摘要： ErrorBoundary 将错误控制在单个组件里面。不影响全局页面 //添加错误边界需要添加在父组件中 //在状态中添加是否出现错误的标识 state={ hasError:'' } //当Parent的子组件出现报错的时候，就会触发该方法 static getDerivedStateFromEr 阅读全文

posted @ 2021-11-22 14:45 BONiii 阅读(68) 评论(0) 推荐(0)

解决Component效率低下的两个问题

摘要：解决Component效率低下的两个问题执行setState，即使是不改变状态数据，仍然会调用render() 当前组件调用render()时，其子组件也会调用render() 原因：Component中的shouldComponentUpdate()总是返回true 解决方法：重写should 阅读全文

posted @ 2021-11-22 14:44 BONiii 阅读(102) 评论(0) 推荐(0)

Context

摘要： Context 方便隔代传递数据 //创建Context对象 const MyContext = React.createContext() //子组件需要使用Provider包裹 <MyContext.Provider value={this.state.username}> <B/> </MyC 阅读全文

posted @ 2021-11-22 14:44 BONiii 阅读(165) 评论(0) 推荐(0)

2021年11月21日

hooks

摘要： hooks stateHook 可以让函数式组件使用state //数组中第一个为state中存的值，第二个为跟新state的方法 //初始化只进行一次 const [num,setNum] = React.useState(0) //两种写法 setNum(num+1) setNum((num)= 阅读全文

posted @ 2021-11-21 20:29 BONiii 阅读(242) 评论(0) 推荐(0)

SetState

摘要： SetState setState跟新状态写法： react后续更新状态的动作是异步的。对象式setState const {num}=this.state this.setState({num:num+1}) 可以多传入一个回调 const {num}=this.state //异步的回调函数是阅读全文

posted @ 2021-11-21 19:23 BONiii 阅读(58) 评论(0) 推荐(0)

lazyLoad

摘要： lazyLoad 路由组件的懒加载 // 将组件引入改为使用lazy引入 import {lazy,Suspense} from 'react' // import Topics from './Topics' const Topics = lazy(()=>{import('./Topics')} 阅读全文

posted @ 2021-11-21 19:23 BONiii 阅读(93) 评论(0) 推荐(0)

纯函数

摘要：纯函数一类特别的函数：只要是童谣的输入（实参），必定得到同样的输出（返回）必须遵守以下约束 1)不得改写参数数据 2）不会产生任何副租用，例如网络请求，输入和输出设备 3）不能调用Date.new()或者Math.random()等不纯的方法 redux的reducer函数必须是一个纯函数阅读全文

posted @ 2021-11-21 16:53 BONiii 阅读(73) 评论(0) 推荐(0)

2021年11月20日

leetcode98.验证二叉搜索树

摘要： leetcode98.验证二叉搜索树题目给你一个二叉树的根节点 root ，判断其是否是一个有效的二叉搜索树。有效二叉搜索树定义如下：节点的左子树只包含小于当前节点的数。节点的右子树只包含大于当前节点的数。所有左子树和右子树自身必须也是二叉搜索树。用例输入：root = [ 阅读全文

posted @ 2021-11-20 21:18 BONiii 阅读(27) 评论(0) 推荐(0)

leetcode96.不同的二叉搜索树

摘要： leetcode96.不同的二叉搜索树题目给你一个整数 n ，求恰由 n 个节点组成且节点值从 1 到 n 互不相同的二叉搜索树有多少种？返回满足题意的二叉搜索树的种数。用例输入：n = 3 输出：5 输入：n = 1 输出：1 求解 /** * @param {number} n * 阅读全文

posted @ 2021-11-20 13:40 BONiii 阅读(34) 评论(0) 推荐(0)

leetcode94.二叉树的中序遍历

摘要： leetcode94.二叉树的中序遍历题目给定一个二叉树的根节点 root ，返回它的中序遍历。用例输入：root = [1,null,2,3] 输出：[1,3,2] 输入：root = [] 输出：[] 输入：root = [1] 输出：[1] 输入：root = [1,2] 输出：[ 阅读全文

posted @ 2021-11-20 10:45 BONiii 阅读(33) 评论(0) 推荐(0)

公告