react学习笔记-02从react的组件开始到JSX的语法浅谈

1、我们打开App.js，这就是react中创建组件的一种方式（见图）。还有一种方式（见图）。我们解释一下第二种方式，在这个App组件中render()函数return的东西就是最终这个组件显示在页面上的东西。


2、CS6的语法当中，也可以这样写（见图）。这是因为（见图）。


3、我们再看看index.js当中的这句话（见图）。ReactDom是一个第三方的工具，它的作用是把app这个组件的内容挂载到页面当中id为root的节点下。至于为什么是<App / >这种写法，这是JSX的语法。JSX语法如果用到则一定要引入React，也就是要写，import React form ‘react’，否则编译器将无法编译。我们可以打开浏览器的开发者工具查看网页的结构（见图）。

4、在之前我们使用的<App / >这样的写法中，我们就是用到了我们自己创建的App标签，但是我们要小心不能引入的时候写app，使用的时候写app，这样的写法JSX不支持，自己创建的标签首字母一定要大写。所以我们可以总结一下，以后碰到小写字母开头的标签，一般就是h5原生的标签，大写字母开头的一般就是自己定义的标签。