茶叶淡

深入理解options.data前置1：ES6的getter和settergetter、setter用于对属性的读写进行监控姓名属性实际是不存在的（可视为虚拟对象），它是计算出来的属性obj.姓名--

使用组件时，组件可以有子元素，用到插槽。 从组件外部传入组件中的数据。

useReducer可看作是useState的复杂版，它可以将对某个数据进行的所有操作封装在一起，简化修改数据时的代码。 dispatch会调用reducer，其参数会成为reducer的第二个参数action，旧state为第一个参数，reducer的返回值将成为新的stat…

这样在每次调用useState2(0)的时候，都能使n得到最新的值。 useRef使得在每次重渲染时，nRef均为同一个对象，指向的地址固定。 context 的特点是可以跨层级传递数据给后代组件。

一、创建函数组件的问题：没有state----Reactv16.8.0推出HooksAPI，用useState解决没有生命周期----HooksAPI，用useEffect解决二、state使用use

ES 5 不支持 class，所以使用了这种方式。 其中的name、onClick就是外部数据，它们会被包装成对象：{name: x, onClick: fn, children: 'hi'}，传入类组件constructor的props参数，并且成为this.props。 s…

React 元素，通常用小写。 React 组件，通常用大写，它是一个返回 React 元素的函数。 修改 state 时，要用 this.setState 方法，不可直接修改，因为 React 并没有像 Vue 一样监听了 state。 setState 会调用传入的函数 f…

React.createElement的返回值看似是一个 DOM 对象，但实际上并不是真正的 DOM，称为虚拟 DOM 对象。 通常用函数组件的形式 App2 来生成虚拟DOM，当数据变化时，再次运行App2()可得到新的虚拟DOM，React 会对比新旧两个虚拟 DOM，找出…

由于不可修改子组件的cData，只能想办法让父组件修改pData。 由于这样的写法很麻烦，而类似的情景又很常见，所以 Vue 提供了.sync修饰符简化写法。