无状态组件
顾名思义,无状态组件没有任何本地状态。它们也被称为哑组件。如果没有任何本地状态,这些组件不需要生命周期方法或大量有状态组件附带的样板。
类语法不是必需的,你可以简单地做 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)
如果可能,这是组件的推荐模式。因为将来可以对这些组件进行优化,减少内存分配和不必要的检查。