React-1、jsx语法规则

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

const VDOM = (
        <div>
          <h1>
            hello_react
          </h1>
        </div>)

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

const myData = "你好啊朋友";
const VDOM = (
  <div>
    <h1>
      {myData}
    </h1>
  </div>)

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

style={{key:value}}

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

const myData = ["你好啊", "朋友"];
const VDOM = (
  <div>
    <h1 className = "title">
      <span style={{color:'red'}}>{
        myData.map((item, index)=>{
          return <li key={index}>{item}</li>
        })
      }</span>
    </h1>
  </div>)