蒜头蒜

在上一章中，我们完成了script的解析，其主要逻辑都集中在parseScript中 标签 解析标签 在parseFragment方法内，添加parseElement的解析逻辑： ??是一个空值合并

解析子节点 在前面的章节中，我们反复提到没有支持标签内子元素的展示，而导致我们在演示时只能干写标签而无内容，在本章中我们将完善这一功能。 首先我们要改造的是parseFragments： 将其改为接收

解析表达式 目前，我们在标签内的展示内容，都是静态文本。这一样，我们添加对诸如<div>{count}</div>形式内容的支持。 首先在parseFragment方法中

我们在解读源码时，会遇到一行这样的代码： 如果没有接触过位运算的读者，可能会对这行代码犯迷糊，因此，笔者准备花一章的时间来和大家一起了解“位运算”。

我们在本章对比一下三大框架的跨组件传值能力。 React function component 首先我们定义一个父组件，父组件内count变量用来测试在外层更改后，内层接收到的变量是否有更改

React 行内样式 在React中，行内样式需要以style={styleObj}的形式： 在样式对象内，之前在行内样式中使用-连接的属性需要转成使用驼峰的形式

React 在React中，我们可以灵活地操作数组类型的数据，如果要把数组数据以列表的形式展示到页面上，jsx允许我们正常地使用数组支持的方法，比如map、forEach等。

ref主要用于获取组件实例或访问 DOM 节点,也可以用于组件间通信。 React React中使用ref的主要形式如下： 元素标签 如果我们把ref绑定到html标签上，可以直接获取到DOM节点。

React if-else 在React中，条件判断在{}中执行，通过三元表达式的判断来显示内容。 && 除了三元表达式? : 外，还能使用二院表达式&&来判断。