React学习之路_基础知识点01

React之JSX：

1、全称：javaScript XML

1.1、react定义的一种类似于XML的JS 扩展语法：JS+XML

2、作用：用于简化创建虚拟DOM

a 写法： var ele = <h1>Hello JSX </h1>

b.注意点1 ：他不是字符，也不是HTML/XML 标签 ，它最终产生的是一个JS对象

 

3、JSX语法规则

3.1、定义虚拟DOM市，不要写引号。

3.2、标签中混入JS表达时要用{}

3.3、样式的类名不要用class ，要用className

3.4、内联样式，要用style={{key:value}}的形式去写。

3.5、只有一个根标签

3.6、标签必须要闭合

3.7、标签首字母：a 若小写字母开头，则将改标签转为html中同元素，若html中无对应标签的同元素，则报错；b 若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。

4、React基础命令：

4.1、创建一个react 项目 ：npx create-react-app my-app

4.2  cd my-app ；npm start