Erfahren Sie, wie Sie useState verwenden, um Eingabe-Tags in reagieren.js zurückzusetzen
P粉318928159
P粉318928159 2023-09-12 21:19:33
0
1
502

Unten ist mein aktueller Code, er gibt den Namen aus, den ich eingegeben habe, aber ich möchte eine Reset-Schaltfläche erstellen, die den Status in einen leeren Status zurücksetzt

import { useState } from "react"; function resetName() { this.firstName.value = ""; this.lastName.value = ""; } export default function Test() { const [firstName, setFirstName] = useState(""); const [lastName, setLastName] = useState(""); const fullName = `${firstName} ${lastName}`; return ( 
名字: setFirstName(e.target.value)} />{" "}
姓氏:{" "} setLastName(e.target.value)} />{" "}
{fullName}
); }
P粉318928159
P粉318928159

Antworte allen (1)
P粉716228245

调用setFirstNamesetLastName来重置输入值。

const [firstName, setFirstName] = useState(""); const [lastName, setLastName] = useState(""); function resetName() { setFirstName(""); setLastName(""); }

并设置

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!