Lassen Sie uns über das Problem der Parameterübergabe an React onClick sprechen

Hintergrund

In einer Liste wie der folgenden erfordert das Klicken auf die Schaltfläche „Löschen“, dass der Löschvorgang ausgeführt wird

Listengenerierung:

	{
		Titel: 'Operation',
		Datenindex: "rowguid",
		Schlüssel: 'rowguid',
	    rendern: (Text, Datensatz) => (
		      <Leerzeichengröße="Mitte">
		        <Button type="primary" size="small" >Ändern</Button>
		        <Button type="danger" size="small" >Löschen</Button>
		      </Leerzeichen>
			)
	}

Ich muss beim Rendern und Generieren der Löschtaste ein Ereignis hinzufügen, es aufrufen, wenn darauf geklickt wird, und auch Parameter übergeben. Dieser Parameter

Ich begann mit dem Schreiben:

Das Problem besteht jedoch darin, dass die Funktion delByGuid ausgeführt wird, wenn die Seite geladen wird, und die Ausgabe unserer Konsole lautet:

Nicht nur das, als ich auf die Schaltfläche Löschen geklickt habe, wurde die Funktion nicht ausgeführt. Es scheint, dass dies nicht zulässig ist.

Frage:

1. Wird ausgeführt, wenn die Seite gerendert wird

2. Klicken Sie auf die Schaltfläche, onclick wird nicht ausgeführt

Lösung:

	{
		Titel: 'Operation',
		Datenindex: "Zeilenguid",
		Schlüssel: 'rowguid',
	    rendern: (Text, Datensatz) => (
		      <Leerzeichengröße="Mitte">
		        <Button type="primary" size="small" >Ändern</Button>
		        <Button type="danger" size="small" onClick={(e)=>delByGuid(text)}>Löschen</Button>
		      </Leerzeichen>
			)
	}

beiKlick={(e)=>delByGuid(text)}

Dies löst das Problem. Es funktioniert nicht, wenn die Seite geladen wird, kann aber aufgerufen werden, wenn darauf geklickt wird.

Dies ist das Ende dieses Artikels über die Übergabe von Parametern bei React onClick. Weitere relevante Inhalte zu den Übergabeparametern bei React onClick finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!