無狀態元件
顧名思義,無狀態元件沒有任何本地狀態。它們也被稱為啞元件。如果沒有任何本地狀態,這些元件不需要生命週期方法或大量有狀態元件附帶的樣板。
類語法不是必需的,你可以簡單地做 const name = ({props}) => ( ... )
。通常,無狀態元件因此更簡潔。
Beneath 是兩個無狀態元件 App
和 Title
的示例,演示了在元件之間傳遞道具:
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)
如果可能,這是元件的推薦模式。因為將來可以對這些元件進行優化,減少記憶體分配和不必要的檢查。