Bonsoir à tous, 

Je m'en viens demander votre aide car je débute en React JS et j'essaie de créer une classe qui genère des formulaires. Cela fonctionne.

Par contre je voudrais n'avoir qu'un seul handler par formulaire et c'est là que les choses se compliquent.

Voici la structure que j'envoie à ma classe :

this.state = {
	firstName:
		{name : 'firstName', value : ''}, 
	lastName :
		{name : 'lastName', value : ''}
} 

Comment faire pour n'avoir qu'un seul handler pour ces 2 champs par exemple ? 

J'ai regroupé chaque champs dans un tableau dont le nom correspond au champs name, mais même comme cela j'ai du mal avec setState. 

handler(event) {
	setState(this.state[event.target.name], event.target.value);
} 

Ne fonctionne pas, et toutes les autres solutions que j'ai essayé non plus. 

Est-ce que quelqu'un pourrait m'expliquer comment je dois m'y prendre svp ? 

Merci d'avance. 

Edit : idéalement ma structure serait de cette forme là si possible :

this.state = {
	fields : [
		{name : 'firstName', value : ''}, 
		{name : 'lastName', value : ''} 

	] 
} 

Avec si il le faut une valeur supplémentaire pour identifier le champs. 

-
Edité par XrcjaX 12 août 2019 à 0:02:24