React-1、jsx语法规则

1. 定义虚拟DOM不要写引号

const VDOM = (
        
          
            hello_react
          
        )

2. 标签中使用js表达式需要使用花括号

const myData = "你好啊朋友";
const VDOM = (
  
    
      {myData}
    
  )

3. 类名要写className，而不是class
4. 内联样式要用这样来写

style={{key:value}}

5. 小写标签是html标签，大写标签是组件
6. react遍历数组对象加载

const myData = ["你好啊", "朋友"];
const VDOM = (
  
    
      {color:'red'}}{
        myData.map((item, index)=>{
          return {item}
        })
      }
    
  )