美文网首页
4、JSX语法规范

4、JSX语法规范

作者: Rose_yang | 来源:发表于2021-06-15 16:27 被阅读0次

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

相关文章

  • jsx语法

    什么是jsx语法:就是符合xml规范的js语法(语法格式相对来说,要比HTML严谨) 1、如何启用jsx语法? 安...

  • 4、JSX语法规范

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

  • JSX

    JSX是什么(javaScript XML) JSX 是React 编写组件的一种语法规范,可以看做是JS的扩展,...

  • react-jsx

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

  • 03.React-Native JSX

    1.什么是JSX: javaScriptXML### 2.JSX的特点### 3.如何使用JSX语法### 4.非...

  • Hello React

    知识点 1、JSX语法     2、React基本语法     3、bower的基本使用     4、babel的...

  • react语法结构

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

  • React 笔记

    JSX React 采用jsx语法,需用bable.js转义. JSX 语法可以和html 混写. html以< ...

  • 二、JSX语法 ------ 2020-03-21

    1、index.js导入的各模块的作用: 2、什么是JSX 3、JSX中使用JS表达式: 4、JSX语法中给HTM...

  • (React)认识React语法

    一、JSX语法 在React中,没有使用HTML标签来绘制UI,而是使用了JSX语法。 当然JSX语法中,也可以嵌...

网友评论

      本文标题:4、JSX语法规范

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