react环境

需要的插件

cnpm i react react-dom -S
必要的插件

cnpm i babel-preset-react -D
解析 jsx 代码
配置：

{
  "presets": [
    "env",
    "react"
  ]
}

cnpm i babel-preset-stage-0 -D
处理es7
使用：见webpack章

cnpm i create-react-app -g
react脚手架
create-react-app 项目名

cnpm i prop-types -S
props校验
使用：
1 引入模块

Content.defaultProps = {
  msg: 1
}
Content.propTypes = {
  msg: PropTypes.string.isRequired
}

小案例

阻止事件冒泡
e.stopPropagation ? e.stopPropagation() : e.cancelBubber=true