React Native填坑之旅--Stateless组件

Stateless component也叫无状态组件。有三种方法可以创建无状态组件。

一般一个组件是怎么定义的：

接ES6的光，看起来好了很多。

但是，一个组件不需要状态的时候还给出那么多的定义还是不够精炼，太麻烦。于是用stateless component来填这个坑。

看起来是多么的简洁、有力！

运行起来是这样的：

显然stateless component更加的有表达力。但是在一个APP里也不可能所有的组件都是无状态的。所以最好是让一些容器（container）来包裹各种组件，而这些组件就可以写成是无状态的。用过Redux的都知道这么搞很有前途。

无状态组件没有生命周期的方法和显示的状态，这样加大的减少了代码量。但是无状态组件还是可以接收<code>props</code>的。比如，上例中的<code>const HiTitle = ({title}) =&gt; (...)</code>里的<code>{ title }</code>就是用来解析赋值props的。

既然可以接收<code>props</code>，那么也就可以设置<code>propTypes</code>和<code>defaultProps</code>。如：

欢迎加群互相学习，共同进步。QQ群：iOS: 58099570 | Android: 572064792 | Nodejs：329118122 做人要厚道，转载请注明出处！

本文转自张昺华-sky博客园博客，原文链接：http://www.cnblogs.com/sunshine-anycall/p/6193227.html，如需转载请自行联系原作者