[JavaScript知识库]React学习笔记

React学习笔记

1. jsx语法规则

  /*
            jsx语法规则
            1、定义虚拟dom时，不要写引号
            2、标签中混入JS表达式时要用{}
            3、样式的类名指定不要用class，要用clasName
            4、内联样式要用style={
  {key: value}}的形式去写
            5、只有一个根标签
            6、标签必须闭合
            7、标签首字母
                ①若小写字母开头，则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错
                ②若大写字母开头，react就会去渲染对应的组件，若组件没有定义，则报错
  */

定义虚拟 DOM 时，不要写引号

JSX 采用下面的方式创建虚拟 DOM

//1. 创建虚拟DOM
const VDOM = (
	<h2 id='atguigu'>
		<span>hello,react</span>	
	</h2>
)

标签中混入 JS 表达式要用 {}

const myId = 'aTgUiGu'
const myData = 'Hello,rEaCt' 

//1. 创建虚拟DOM
const VDOM = (
	<h2 id={myId.toLowerCase()}>
       <span>{myData.toLowerCase

开通VIP 解锁文章