初识React之jsx核心语法
最近技术栈要更改为React
啦,这一篇算是第一篇,一个新的开始!
定义虚拟DOM,不要写引号
标签中混入JS表达式要用{}
表达式: 一个表达式产生一个值,可以放在任何一个需要值得地方
1
2
3
4
5(1) a
(2) a + b
(3) demo(1)
(4) arr.map()
(5) function test() {}语句(代码)
1
2
3(1) if() {}
(2) for() {}
(3) switch() {case}
样式的类名指定不要用class,要用className
内联样式, 要用style=双括号key:value的形式去写
虚拟DOM必须只有一个根标签
标签必须闭合
标签首字母
- 若小写字母开头,则将改标签为html中同名元素。若html中无该标签对应的同名元素,则报错。
- 若大写字母开头,react就去渲染对应的组件。若组件没有定义,则报错。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 随心所欲录!
评论