Outils pour utilisateurs

Outils du site


dev:reacttableau

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
dev:reacttableau [2021/12/28 12:46] sbesteldev:reacttableau [2021/12/28 13:35] (Version actuelle) – [pus()] sbestel
Ligne 1: Ligne 1:
  
  
-====== fonction map() ======+====== fonction map()  (fléchée = plug de babel)======
  
 Boucle sur un tableau :  Boucle sur un tableau : 
  
-{this.state.clients.map((client) => (+   {this.state.clients.map((client) => (
             <li>             <li>
               {client.nom} <button>X</button>               {client.nom} <button>X</button>
Ligne 11: Ligne 11:
           ))}           ))}
  
 +
 +====== slice() ======
 +
 +Copie du tableau original
 +   const clients = this.state.clients.slice();  
 +   
 +====== push() ======
 +Ajoute un champ au tabelau
 +
 + handleclick = () => {
 +    const clients = this.state.clients.slice(); 
 +    clients.push({id:4, nom: 'tete'});
 +    this.setState({clients:clients})
 +  };
 +
 +
 +====== splice =====
 +
 +  * supprime un chanmp du tableau :
 +   clients.splice(index, 1);
dev/reacttableau.1640695562.txt.gz · Dernière modification : 2021/12/28 12:46 de sbestel