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