React Native – State cycle de vie

Les données à l’intérieur des composants React sont gérées par state et props. Dans ce chapitre, nous allons parler de l’état.

Différence entre State et Props

L’état est mutable alors que les props sont immuables. Cela signifie que l’état peut être mis à jour dans le futur alors que les props ne peuvent pas être mis à jour.

Utilisation de State

Voici notre composant racine. Nous importons simplement Home qui sera utilisé dans la plupart des chapitres.

App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
   state = {
      myState: "Lorem ipsum dolo"
   }
   render() {
      return (
      <View>
         <Text> {this.state.myState} </Text>
      </View>
      );
   }
}

Nous pouvons voir dans l’émulateur le texte de l’état comme dans la capture d’écran suivante.