react基础

js框架，MVVM

es5使用方法：

1.需要引入js文件

2.需要创建script标签，注意在script标签的type类型是text/babel

3.页面中创建一个根容器

4.通过react创建react组件:(只能有一个根元素)

React.CreateClass({

render:fuction(){

return(

<div>

<p></p>

<p></p>

</div>

)

}

})

5.把组件添加到页面中：渲染组件

1.ReactDOM.rendre('<Hello/>,document.getElementById('root'))

2.也可以在渲染页面时直接创建组件

jsx语法

jxs语法 = js+xml(html)

react中出现的大括号，属于js部分，{}中是js执行环境

react中出现的闭合的尖括号属于xml部分

数组遍历时新生成的标签内部需要加key属性值，在遍历饿内部是唯一的，但在react中并不是唯一的

组件和组件嵌套

props

props是react中组件之间进行数据传递的一种方式，可以是组件调用时给组件定义传值，也可以是父组件给子组件传递数据。