react开发入门:1.入门react项目创建,代码结构
React是基于组件,虚拟dom的前端开发框架。 所谓基于组件即react中是一个组件嵌套一个组件,组件可复用。所谓虚拟dom,既react中的视图,是虚拟的,全部是js,而非html。 初识组件 一个组件的构成: 第一行中,import from 是es6中的语法,具体es6的教程学习,可参考廖雪峰大神的博客。 语法中的class也一样是es6. 可以类比其他面向对象的语言。 其中的render方法,用于加载视图,在return中写入JSX。 关于jsx 可参考 Jsx日常使用需注意要点: 其实就是html的语法,但直接复制html是否可以?不行。需要做两步转换:1.class变成className 2.标签结尾用/闭合。 如上面的代码,仔细看input,就是在结尾加入了,“/”。在看看className. 当然其中也可以使用js的变量或调用当前组件class…