react入门笔记一(react工程的创立)

1.建立一个普通的h5界面,然后像引入jquery一样去引用react相关的js文件

2. 需要引入browser的js包,这个包的作用是将jsx的语法转为js,关于jsx后面的博文再详细说明,但是我们在react的开发中使用的都不是js语法而是jsx,所以需要这个包来解析jsx

3.在h5代码后创建一个script的标签,以后我们项目开发的js代码基本放在这,但是要注意一点,需要设置type=text/babel,因为我们所使用到的js语法是es6语法,也需要进行转换

4.编写视图层,既h5的代码,需要注意一点,就是react在渲染时,最外层只能有一个块级元素,就是说所有的h5的代码都应该放在这个块级元素内,一般我们在开发时应在视图层的最外层设且只设一个div然后其他元素都放进这个根元素内

5.整体效果如下

6.尊重传统,是时候来个hellow World了,代码如下

7.运行效果

8.关于jsx,如下图

猜你喜欢

转载自blog.csdn.net/qq_38052995/article/details/83857940