react 循环li ，react定义组件两种方式、组件属性state、props、refs和事件处理

const lists=['jquey','vue','react','angular']
var vDom2= (<ul>
   {
       lists.map((item,index)=><li key={index}>{item}</li>)
   }
</ul>)

ReactDOM.render(vDom2,document.getElementById('root'))

利用数组的map方法；

2.定义组件两种方式

    一、工厂函数方式 (定义简单组件)

function Mycomponent(){
    return <h2>dklajflkj</h2>
}

ReactDOM.render(<Mycomponent />,document.getElementById('root'))

  二、类组件方式  （定义复杂组件）

         定义了一个子类 MyComponent2 继承 react.component 

3.state状态属性