React学习笔记

1.React基础

1.1JSX

•  全称JavaScript XML
• react定义的一种类似于XML的JS扩展语法：JS+XML
• 本质是React.createElement(component, props, ...children)方法的语法糖
• 作用：用来简化创建虚拟dom
  • 写法const  ele = <h1>Hello JSX!</h1>
  • jsx语法规则：

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

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

    • 样式的类名指定不要用class，要用className。

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

    • 只有一个根标签

    • 标签必须闭合

    • 标签首字母

      • 若小写字母开头，则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错。

      • 若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。