标签：如何 输出 his 独立 特点 reac code 报错 技巧
小技巧：如果我们想了解一门技术，不知道如何学习，那就在 BOSS 直聘上，来看看对这门技术的要求
这篇给大家讲的是 React 1.0 的初始版本，仅仅是让大家有个了解，毕竟回顾历史，我们才能找到他最初的样子；
React 是 FaceBook 来发明及维护的
React 的特点：1. jsx 语法，2. ReactDOM.render 3. 组件
1. React 的模板：jsx 语法
jsx 语法：允许 html 和 js 混写 ，html 语法该怎么写怎么写，遇到 js 代码，放在 {} 里面；
2. ReactDOM.render(参数一，参数二)
参数一：就是我们的组件名称
参数二：就是我们的 dom 元素
小提示：如果我们直接用 {数组} ，那么数组中的元素将以字符串的形式展现出来；
3. React 的组件
使用 React.createClass({}) 生成的组件类
案例：
1. 每个组件都有独立的 render() 用于输出组件类，里面返回的就是模板
组件标签可以任意添加属性，在组件类中使用 this.props 获取组件标签上的属性
注意事项：
组件类名字的第一个字母必须大写，否则就会报错；
组件类中的模板只能有一个顶层标签，否则就会报错；
组件标签上 class 属性，改成 className ，for 属性 改成 htmlfor
children： 组件标签所有子节点；
js 的注释，在 jsx 中不能使用；
React.Children 专门遍历子节点的
this.props.children 的问题
this.props.children 是组件标签，子节点构成的集合
当没有子节点，这个值是 undefined
一个子节点的，这个值是 object
多个子节点的，这个值是 array
所以用数组的方法 map 遍历对前两种情况，不起作用，React 专门提供了一个叫 React.Children.map 的方法，用于遍历 this.props.children 组件；
标签属性 PropTypes 用于验证 标签属性值的类型
使用方法：
标签：如何 输出 his 独立 特点 reac code 报错 技巧
原文地址：https://www.cnblogs.com/shangjun6/p/11423090.html
