luckypian

我们希望如果 flag 没有发生变化，则避免 tips 函数的重新计算，从而优化性能。当父组件被重新渲染的时候，也会触发子组件的重新渲染，这样就多出了无意义的性能开销。使用 React.memo() 可以将组件进行缓存。如果点击 +1 按钮，发现count自增，flag值没有发生变化，但是tips函数也会重新执行。useDeferredValue 的返回值为一个延迟版的状态。

<button>修改 name 的值</button><Son1 /><Son2 /></div>

ReactHooks

被nvm折磨的两天，戳这里体验博主的心路历程 现在终于解决了，快让我记录一下，今日分心情。 3）．context 状态树传参 ​ 在平时使用react的过程中，数据都是自顶而下的传递方式，例如，如果在顶层组件（如：App）的state存储了theme主题相关的数据作为整个App的主题管理。那么在不借助任何第三方的状态管理框架的情况下，想要在子组件里获取theme数据，就必须的一层层传递下去，即使两者之间的组件根本不需要该数据。 ​ Context 旨在共享一个组件树，可被视为 “

快来领取今日份精神食粮 刚信心满满开始准备写代码时，却是满屏的爆红整的我一下午的心情都不好了 脚手架搭建出错 卸载yarn之后，又出现node版本低~ node升级后，npm又出现bug 一.性能优化 ​ react组件更新的时机：只要setState()被调用了，就会引起组件更新。不论数据改前改后是否一样，或者修改的数据是否在页面上呈现，都会进行更新组件。 ​ 但是vue中，数据必须在模板使用，并且数据发生变化才能引起组件的重新渲染。所以，在React里，如果要做

React一.受控元素(组件)1.1双向绑定1.2 处理多个输入元素（双向绑定的封装）二. 非受控元素(组件)2.1默认值2.2可选案例：增删改查三.生命周期及其钩子函数3 .1 初始化阶段 （挂载）:3.2运行中阶段（更新）3.2 销毁阶段（卸载） 一.受控元素(组件) 一个标签（组件）受react中控制，受数据，受函数，等等（其实，就是一个标签（组件）里用了react里的东西） 表单的value受控，受数据控制， <input type="text" value={this.state.数据名}

♥React一.无状态组件二.有状态组件三. 事件处理3.1事件特点：3.2 事件语法3.2.1格式3.2.2事件处理函数里的this3.2.3事件对象3.2.4阻止浏览器的默认行为：四.组件的内容 ：children五.refs5.1获取DOM5.2用法 上期戳这里~ 一.无状态组件 ​ 顾名思义就是组件内部没有（不需要）state，无状态组件也可以理解为展示组件，仅做展示用，可以根据外部传来的props来渲染模板的内容，内部没有数据。 //无状态组件：组件内部没有state，可以使用函数式组件

React一.React简介1.1介绍1.2特点1.3框架对比二.环境搭建2.1引入文件的方式2.2官方脚手架（模块化）三.HelloWorld四.JSX4.1介绍4.2特点4.3语法4.1.1元素类型4.1.2元素属性4.1.3JavaScript表达式五.条件渲染六.列表渲染七.组件7.1单个组件7.2组件嵌套八.Props8.1外部传值：8.2组件内部使用8.3默认值8.4类型检查：九.state状态机9.1定义并赋初始值9.2读取状态9.3修改状态 一.React简介 1.1介绍 1.React是一