美文网首页让前端飞Web前端之路前端
React初始化项目结构分析

React初始化项目结构分析

作者: 张中华 | 来源:发表于2019-06-06 08:47 被阅读4次

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


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


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


运行结果如下:




相关文章

网友评论

    本文标题:React初始化项目结构分析

    本文链接:https://www.haomeiwen.com/subject/zkohxctx.html