📚 Cheatsheet

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

Snippets 5

Retour
Composant contrôlé (input)
Facile 
const [value, setValue] = useState('');

<input type="text" value={value} onChange={e => setValue(e.target.value)} />
Élément select contrôlé
Intermédiaire 
<select value={value} onChange={handleChange}>
  <option value="grapefruit">Pamplemousse</option>
  <option value="lime">Citron vert</option>
</select>
Élément textarea contrôlé
Facile 
<textarea value={value} onChange={handleChange} />
Gérer la soumission de formulaire
Facile 
function handleSubmit(event) {
  alert('Un nom a été soumis : ' + this.state.value);
  event.preventDefault();
}
Gérer plusieurs inputs
Intermédiaire 
const [state, setState] = useState({ name: '', email: '' });

function handleChange(event) {
  const { name, value } = event.target;
  setState(prevState => ({ ...prevState, [name]: value }));
}