渲染JSX描述的页面

应用渲染界面的过程：

index.js

App.js

这段jsx描述了界面长什么样子

最终生成的页面DOM

安装插件

chrome浏览器安装React开发者插件

chrome -> 应用商店 -> 搜索 React Developer Tools -> 点击安装

尝试自己写一段JSX，代替App组件的界面

xxxxxxxxxx
<h1>hello，baizhan</h1>

观察最终生成的DOM结构

实时效果反馈

1. React应用中页面的根节点是：

A <div id="app"></div>

B <div id="root"></div>

答案

1=>B