我会吐泡泡

分析这个需求：用hooks实现循环渲染数据列表+持久化存储，你有什么思路？两个副作用钩子搞定读和写。

需求一：实现header，点击加号展示input，再次点击隐藏input 需求二：点击添加之后提交数据并情况表单 做到这一步就完成了数据的提交，但还不能够显示在页面上，可以在控制台打印看到数据

第一个例子：我们在App组件中初始化一个数据'111'，传递给子组件Test，让其以h1显示出来 第二个例子：在第一个需求完成的基础上，在子组件中添加一个更改

@formily/reactive 的核心思想是参考 Mobx，强依赖 Proxy 的，要上手formilyjs，首先得了解它的几个核心库，其次用的时候就只需要看具体组件的文档即可了。

要说hooks，首先得说说类组件和函数组件的区别 类组件：本质是OOP——面向对象编程，有继承，有状态，也有生命周期 大型组件很难拆分和测试（仅一个按钮组件的逻辑就已经很重了，再加上多个类层层继承就变

标准文档流：指的是元素排版布局过程中，元素会默认从左往右、从上往下的流式排列方式。前面的内容发生变化后，后面的内容位置也会随着发生变化。 HTML 就是一种标准文档流文件。