無狀態元件

顧名思義,無狀態元件沒有任何本地狀態。它們也被稱為啞元件。如果沒有任何本地狀態,這些元件不需要生命週期方法或大量有狀態元件附帶的樣板。

類語法不是必需的,你可以簡單地做 const name = ({props}) => ( ... )。通常,無狀態元件因此更簡潔。

Beneath 是兩個無狀態元件 AppTitle 的示例,演示了在元件之間傳遞道具:

import React from 'react'
import { View, Text, AppRegistry } from 'react-native'

const Title = ({Message}) => (
  <Text>{Message}</Text>
)    

const App = () => (
  <View>
    <Title title='Example Stateless Component' />
  </View>
)

AppRegistry.registerComponent('App', () => App)

如果可能,這是元件的推薦模式。因為將來可以對這些元件進行優化,減少記憶體分配和不必要的檢查。