Functional — simpler. Class — more features.
Functional:
1// Functional component2function App() {3 const [count, setCount] = useState(0);45 return (6 <View>7 <Text>{count}</Text>8 <Button onPress={() => setCount(count + 1)} />9 </View>10 );11}
Class:
1// Class component2class App extends React.Component {3 constructor(props) {4 super(props);5 this.state = { count: 0 };6 }78 render() {9 return (10 <View>11 <Text>{this.state.count}</Text>12 <Button onPress={() => this.setState({ count: this.state.count + 1 })} />13 </View>14 );15 }16}
Key differences: