Maison > Questions et réponses > le corps du texte
Vous trouverez ci-dessous mon code actuel, il affiche le nom que j'ai entré, mais je souhaite créer un bouton de réinitialisation qui remet l'état à un état vide
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 ( <div> 名字: <input value={firstName} onChange={(e) => setFirstName(e.target.value)} />{" "} <br /> 姓氏:{" "} <input value={lastName} onChange={(e) => setLastName(e.target.value)} />{" "} <br /> {fullName} <br /> <button value={resetName}>重置!</button> </div> ); }
P粉7162282452023-09-13 20:49:21
Appelez setFirstName
和setLastName
pour réinitialiser la valeur d'entrée.
const [firstName, setFirstName] = useState(""); const [lastName, setLastName] = useState(""); function resetName() { setFirstName(""); setLastName(""); }
et définissez l'attribut <button>
的onClick
:
<button onClick={resetName}>重置!</button>