react入门

步骤:

　　1.创建虚拟dom

 

　　　　方法:

　　　　　1. 纯js语法(一般不用)

　　　　　　const vDom = React.createElement('h1'(标签名), {id: 'title',}(标签id名), content(标签体内容))

　　　　　2. JSX

　　　　　　const vDom = <h1 id="test">Hello World</h1>

　　　　　　注意: 标签不是字符串,标签不带引号

　　2.渲染dom

　　　　ReactDOM.render(vDom, document.getEelementById())

　　　　渲染有嵌套的结构标签时用()括起来:

　　　　ex:

　　　　　1. 创建

　　　　　const names = ['张三', '李四', '王五']

　　　　　const uls = (

　　　　　　<ul>

　　　　　　　{ names.map((name,index) => <li key="{index}">{name}<li>)

　　　　　　　　key: 标签唯一标识, react使用{}使用变量

　　　　　　　　.map()将数据的数组转换为一个标签的数组

　　　　　　</ul>

　　　　　　　　渲染结果类似: 

     　　　　　　   

　　　　　2. 渲染

　　　　　ReactDOM.render(uls, document.getElementById())