react学习总结--大众点评1

react

jsx:reactjs的一种语言//return 里面写jsx语法

jsx语法形象生动通过bundle.js转换成普通的js语法

事件：

判断：三元表达式

页面分离：为了更好的理解页面结构

page和subpage（页面内容更多的时候用到）

数据传递：probs和state

probs一般只作为父组件给子组件传递数据用，不要试图去修改自己的probs,除非你是自找麻烦

probs不能被自身修改，如果组件内部自身的属性发生变化--该怎么办，react为我们提供了state

react会实时监听每个probs和state的值，一旦有变化，会立刻更新组件，将结果重新渲染到页面上。

生命周期

每个组件都要有个render（返回组件要渲染的模版）

componentDidMount()组件第一次加载时渲染完成的事件，一般在此获取网络数据。实际项目开发时，会经常用到。

componentDidUpdate()组件更新了之后触发的事件，一般用于清空并更新数据。

shouldComponentUpdate() 主要用于性能优化，react的性能优化是一个很重要的话题，后。

componentWillUnmount()组件在销毁之前触发的事件，一般用户存储一些特殊的信息，以及清理setTimeout事件

react性能优化