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，如需轉載請自行聯系原作者