React 专注于 view 层，组件化则是 React 的基础，也是其核心理念之一，一个完整的应用将由一个个独立的组件拼装而成。
截至目前 React 已经更新到 v15.4.2，由于 ES6 的普及和不同业务场景的影响，我们会发现目前主要有三种创建 React 组件的写法：1. ES5写法
React 升级到 v0.13 后就支持了 ES6 的
与
初始化 state
React 使用 ES6 的“类”继承实现时，去掉了
1. 在
2. 直接在元素上使用
3. ES6 有个很有用的语法糖：Arrow Function（箭头函数）它可以很方便的使
对于这种无状态的组件，使用函数式的方式声明，会使得代码的可读性更好，并能大大减少代码量，Arrow Function 则是函数式写法的**搭档：
上面定义的 Todo 组件，输入输出数据完全由
无状态组件一般会搭配高阶组件（简称：OHC）一起使用，高阶组件用来托管
这种模式被鼓励在大型项目中尽可能以简单的写法 来分割原本庞大的组件，而未来 React 也会面向这种无状态的组件进行一些专门的优化，比如避免无意义的检查或内存分配。所以建议大家尽可能在项目中使用无状态组件。
当然，无状态组件也不是万金油，比如它不支持"ref"，原因很简单，因为 React 调用它之前，组件不会被实例化，自然也就没有"ref"，（
Facebook 官方早就声明 ES6
- 相比
总的来说：无状态函数式写法 优于
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/190772.html