美文网首页
JSX语法规则

JSX语法规则

作者: 中流者结使也 | 来源:发表于2021-06-15 17:24 被阅读0次

1、定义虚拟DOM不能写引号

2、标签中混入js表达式!表达式!表达式!要用{}包起来

3、标签中的类名要用className

4、内联样式要用{{color:'white'}}的方式写

5、只有一个根标签

6、标签首字母:

小写开头:会转成html对应的标签,如没有对应的,就报错

大写开头:React会渲染对应的组件,如没有对应的,就报错

相关文章

  • React入门

    JSX语法 JSX 的基本语法规则 遇到HTML标签(以 < 开头),就用HTML规则解析;遇到代码块JavaSc...

  • react-jsx

    jsx 是类似 js 模板语法 声明 jsx 使用 jsx jsx 语法 jsx 是 js 的语法扩展,在 jsx...

  • jsx语法规则

  • JSX语法规则

    1、定义虚拟DOM不能写引号 2、标签中混入js表达式!表达式!表达式!要用{}包起来 3、标签中的类名要用cla...

  • jsx语法规则

    1.定义虚拟dom时,不要写引号;2.标签中混入js表达式时要用{};3.样式的类名指定不要用class,要用cl...

  • 入门篇(一)

    JSX语法:HTML语言直接写在JS语言中,不加任何引号 JSX基本语法规则(只有一个开头节点和一个结尾节点)1....

  • JSX 的基本语法规则

    JSX 的基本语法规则:遇到 HTML 标签(以 < 开头),就用 HTML 规则解析;遇到代码块(以 { 开头)...

  • JSX学习整理

    1 JSX语法 JSX是javascript的一种扩展,最终会编译成原生的javascriptJSX构建组建的规则...

  • React——JSX

    React——JSX JSX语法规则及使用: 创建虚拟DOM时,不要写引号; 标签中混入JS表达式要用{}; 样式...

  • react语法结构

    1.react JSX语法原理 react是函数式编程,使用jsx语法来渲染组件。jsx语法是合法的JavaScr...

网友评论

      本文标题:JSX语法规则

      本文链接:https://www.haomeiwen.com/subject/oqnzeltx.html