在react-Native中创建UI时Class和Const有什么区别?

oij*_*djn 3 reactjs react-native react-redux

const App = () => (
  <View>
    <Text>Test</Text>
  </View>
  )

class App extends Component {
  render() {
    return (
      <View>
        <Text>Test</Text>
      </View>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

当我测试时,有两件事是相同的。请告诉我这两者之间的区别。

Tim*_*Tim 5

类组件是有状态组件,const App 是无状态(或功能)组件。

有状态组件用于:

  1. 初始化状态
  2. 修改状态
  3. 渲染一些东西

此外它还有生命周期方法。

而无状态组件通常仅用于返回一段 UI。

简而言之:类组件比功能组件更强大

编辑:

React Native 0.59开始 ,功能组件也可以有状态。有关详细信息,请参阅Hooks-Intro 。

  • 我认为在钩子之后这不再是真的 (2认同)