Verwenden Sie useState, um den im Formular eingegebenen Wert festzulegen
<p>Ich versuche, useState zu verwenden, um den Wert einer Eingabe festzulegen, aber es funktioniert nicht so, wie ich es möchte. </p>
<p>Also habe ich mit Formik als Terminsystem einen Wochenplan erstellt. Ich habe einen Radiobutton für freie Termine. Bei Auswahl erhalte ich die Zeitdaten für den Termin. Aber ich habe diesen Tag nicht mitbekommen. Also habe ich versucht, einen weiteren Eingang hinzuzufügen, um tägliche Daten zu erhalten. Ich habe den eingegebenen Wert auf den Zustand gesetzt. Wenn das Optionsfeld ausgewählt ist, wird das Datum festgelegt. Aber onSubmit erhalte ich den Anfangswert statt des neu gesetzten Wertes. Wenn ich versuche, etwas in die Eingabe zu schreiben, wird interessanterweise der gewünschte Wert + die zuletzt gedrückte Taste zurückgegeben. Aber wenn ich nichts tue, wird nur der Anfangswert zurückgegeben. </p>
<p>Anfangswert meines Formulars: </p>
<pre class="brush:php;toolbar:false;">const [day, setDay] = useState("Gün");
<Formik
onSubmit={handleFormSubmit}
initialValues={{
Vorname: "",
Nachname: "",
E-Mail: "",
Datum: "",
Tag Tag,
}}
></pre>
<p>Ich habe den Status des Optionsfelds festgelegt:</p>
<pre class="brush:php;toolbar:false;"><Feld
type="Radio"
name="Datum"
value={x.monPm3Time}
onClick={() =>
setDay("Pazartesi");
}}
/></pre>
<p>Der Wert meiner Eingabe wird auf den Status gesetzt: </p>
<pre class="brush:php;toolbar:false;"><Feld
id="Tag"
name="Tag"
Wert = {Tag}
/></pre>
<p>Meine handleSubmit-Funktion (ich protokolliere sie gerade, um zu sehen, ob sie funktioniert): </p>
<pre class="brush:php;toolbar:false;">const handleFormSubmit = async (values) =>
console.log(values);
// fetch("http://localhost:5000/api/appointment", {
// Methode: "POST",
// Körper: Werte,
// Header: {
// Autorisierung: "Inhaber + Token,
// },
// })
// .then((res) => {
// console.log(res.status);
// })
// .catch((err) => {
// console.log(err);
// });
}</pre></p>
