type
status
date
slug
summary
tags
category
icon
password
快速开始
- React官网提供了快速开始的工具；
Demo里只有两个文件需要关注下
index.js：
- 这里是使用ReactDOM.render方法把App模块绘制到id=root的dom节点。
App.js：
- 看下render(){return (***)}部分，这里返回了一段jsx语法的模板；
- jsx和常用的html模板还是比较接近的，最方便的是可以把切好的html页面直接拷贝过来， 只需要注意所有的标签都是成对的就好，比如‹div›‹/div›一定要结束，‹img /›这种单标签/符号不能忽略。
state和组件的生命周期
- 切换组件内部状态的时候一般使用state，比如：上面的demo加一个倒计时。
- componentDidMount 组件挂载时调用（只会调用一次）
- componentWillUnmount 组件卸载时调用 (处理一些逻辑，比如在这里出发了其它模块的弹窗，在这里要关掉)
props
- 一个应用通常会很大，经常需要模块拆分，这时就需要使用props把子组件所需的数据传递过去
- props和state的区别主要是一个是父级控制，一个自身控制，使用redux的时候state就基本用不到了。