React初始化项目结构分析

根据上一篇文章，初始化了一个React项目，接下来，我们看看这个项目都有什么。

看一下，简单的一个模块间的关系。
首先，打开的依旧是index.html， 在index.html里面，我们可以设置一些DOM元素，可以添加一个定值，也可以只写一个DOM，由React后续写入，例如：
此处定义一个div，写了一句话，并直接定义了样式：字体红色。id 为root的div则为空，之后由React添加内容。

Index.js 和index.css则是为id 为root的div 追加内容和样式。也就是为root添加子节点，追加方式如下：

运行结果如下：