根据上一篇文章,初始化了一个React项目,接下来,我们看看这个项目都有什么。
看一下,简单的一个模块间的关系。
首先,打开的依旧是index.html, 在index.html里面,我们可以设置一些DOM元素,可以添加一个定值,也可以只写一个DOM,由React后续写入,例如:
此处定义一个div,写了一句话,并直接定义了样式:字体红色。id 为root的div则为空,之后由React添加内容。
Index.js 和index.css则是为id 为root的div 追加内容和样式。也就是为root添加子节点,追加方式如下:
运行结果如下:
网友评论