📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 7

Retour
Déstructurer les props
Facile 
function Welcome({ name }) {
  return <h1>Bonjour, {name}</h1>;
}
Mettre à jour le state
Facile 
const [count, setCount] = useState(0);

return <button onClick={() => setCount(count + 1)}>Increment</button>;
Mise à jour du state basée sur l'état précédent
Intermédiaire 
setCount(prevCount => prevCount + 1);
Passer des props
Facile 
function Welcome(props) {
  return <h1>Bonjour, {props.name}</h1>;
}

const element = <Welcome name="Sarah" />;
Props par défaut
Intermédiaire 
function Welcome({ name }) {
  return <h1>Bonjour, {name}</h1>;
}

Welcome.defaultProps = {
  name: 'Invité'
};
Utiliser le state (useState)
Facile 
import { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);
  // ...
}
Utiliser le state avec un objet
Intermédiaire 
const [state, setState] = useState({ left: 0, right: 0 });

setState({ ...state, left: state.left + 1 });