jsx语法规则

1.定义虚拟dom时,不要写引号;
2.标签中混入js表达式时要用{};
3.样式的类名指定不要用class,要用className;
4.内联样式,要用style={{key:value}}的形式去写;
5.只有一个跟标签;
6.标签必须闭合;
7.标签首字母:
(1)若小写字母开头,则将该标签转为html中同名元素,若html无对应的同名元素,则报错;
(2)若大写字母开头,react就去渲染对应的组件,若组件没有定义,则报错。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JSX语法规则 定义虚拟DOM时,不要写引号。标签中混入JS表达式时要用{}。样式的类名指定不要用class,...
    周星星的学习笔记阅读 3,418评论 0 3
  • 定义虚拟DOM时,不要写引号 标签中混入Js【表达式】时要用{} react会自动遍历数组,但是对象不可以注意:只...
    955号小学生阅读 975评论 0 0
  • 1、定义虚拟DOM不能写引号 2、标签中混入js表达式!表达式!表达式!要用{}包起来 3、标签中的类名要用cla...
    中流者结使也阅读 1,514评论 0 0
  • 1、定义虚拟dom时,不要写引号2、标签中混入js表达式时,要用花括号{ }3、样式的类名指定不要用class,要...
    Rose_yang阅读 2,761评论 0 0
  • JSX是什么? JSX(JavaScript XML),React定义的一种类似XML的JS扩展语法。JSX是Re...
    孤寂的炫仔阅读 2,540评论 0 0