今天先学了一些react的内容,react是需要创建一个虚拟DOM,之后将虚拟DOM放到一个真实DOM里面。创建虚拟DOM的方式有两种,1是用jsx语言,另一种是js语言,一般js语言用的很少,正常都会用jsx。jsx语言需要用babel转换成js语言,这里babel还没有怎么接触过,以后有时间回去详细了解。具体做法如下:const v = (<h1>这是react测试</h1>);ReactDOM.render(v, "这里是真实的DOM元素")。
如果想动态展示不同的数据,此时有一个arr是一个数组,需要将他遍历出来,此时不可以用for循环等语句,只能用表达式,如下
jsx语法规则:
1、js的一些表达式需要在虚拟dom中呈现的话需要在{}中写。
2、需要添加一些class类的话,只能用className。
3、内联样式的话需要用如下:{{color:red}}。
4、标签若是小写,则会去html里面寻找对应的标签,若不是存在,则会报错,标签若是大写,则回去渲染对应的组件。
在react中一个函数就是一个组件,一个类也可以是一个组件。
之后开始继续完成毕设内容,把自己的系统加一个评论模块。
这段时间需要加快速度完成自己的毕设,时间有点紧张。