无状态组件

顾名思义,无状态组件没有任何本地状态。它们也被称为哑组件。如果没有任何本地状态,这些组件不需要生命周期方法或大量有状态组件附带的样板。

类语法不是必需的,你可以简单地做 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)

如果可能,这是组件的推荐模式。因为将来可以对这些组件进行优化,减少内存分配和不必要的检查。