0
votes

Pourquoi après onclick mon crochet ne parvient pas à mettre à jour l'état?

J'ai défini une constante à utiliser USESTE Crochet dans ReactJS par: xxx pré>

à l'aide de l'entréeValue pour mon formulaire de manière: p> xxx pré> Je suis capable de saisir la chaîne de mon formulaire à l'aide de l'extrait ci-dessus: p>

<Button
        onClick={() => {
          setInputValue("");
}}
>

javascript reactjs react-hooks use-state

2 commentaires

parce que vous manquez la valeur de la valeur dans votre entrée

@Muhammadhaseeb Pouvez-vous s'il vous plaît élaborer?

3 Réponses :

1
votes

Pour changer la valeur d'une entrée avec des crochets, vous devez initialiser votre état comme "valeur" dans votre entrée.

Exemple: P>

function onClick () {
  setYourState('Blabla')
}

<input placeholder='Enter blabla' value={yourState} onChange={(e) => setYourState(e.target.value)}></input>

0 commentaires

2
votes

Comme mention de @corentin Lorsque vous avez un champ de saisie et que vous souhaitez que sa valeur soit modifiée lorsque vous écrivez quelque chose, vous devez avoir un état pour cela, comme vous avez un état avec nom INPUTVALUE Code> Vous devez lier cet état avec votre entrée via Valeur CODE> PROP IE

<Input
//This will change your input when your state will be updated
   value = {inputValue} 
   name="input1"
   type="text"
   onChange={e => setInputValue(e.target.value)}
/>

0 commentaires

1
votes

Votre champ de saisie n'a pas l'attribut code> code>, il doit être comme ci-dessous:

<Input
    name="input1"
    type="text"
    value={inputValue}
    onChange={e => setInputValue(e.target.value)}
/>

0 commentaires