3
votes

afficher la valeur d'entrée à partir de l'état

Je cherche à définir la valeur d'entrée de l'état mais pas réussi.

Voici ma tentative

* One
* two
* Three

le résultat que j'obtiens est un seul élément d'entrée sans la valeur affichée. comme

Ce que je recherche, ce sont trois éléments d'entrée avec leur valeur affichée comme

state={
    value: ["one","two","three"]
}

render (
    return(
    {
        this.state.value.map(val=>{
          return <Input type="radio" value={val} />
        })
    })
)

javascript reactjs

1 commentaires

Votre classe de composant est-elle un composant fonctionnel sans état écrit à l'aide de flèche es6 syntaxe ? Si tel est le cas, vous ne pouvez pas déclarer un état pour cette classe de composant.

4 Réponses :

3
votes

Modifiez votre rendu comme suit.

render() {
    return (
        this.state.value.map(function(val) {
            return <div> <input type = "radio" value = {val}/>{val}</div>
        })
    )
  }

Démo en ligne

Remarque: Si vous souhaitez que vous ne puissiez sélectionner qu'un seul bouton radio, dans ce cas, vous devez regrouper le bouton radio ensemble en donnant un nom commun.

0 commentaires

1
votes

Essayez ceci:

state={
value: ["one","two","three"]
}

render(
 return(
   { this.state.value.map(val=> (
    <Input type="radio" value={val} />
   )
  )}
 )
)

1 commentaires

Oh, je pense que vous avez modifié votre question, n'est-ce pas?

0
votes

Veuillez vous assurer que vous avez importé le composant Input de ce composant. Comme importer l'entrée depuis './Input ou le chemin exact. Si vous n'avez pas de composant d'entrée, vous devez modifier l'entrée pour entrer un élément HTML.

state={
value: ["one","two","three"]
}

render() {
   return (
<div>
{
   this.state.value.map(val => (<Input type="radio" value={val} />))
}
<div>
)
}

0 commentaires

0
votes

Si votre "Input" est lui-même un composant, vérifiez si vous avez ajouté "export default" et renvoyez un élément d'entrée de ce composant. Vérifiez également si vous l'avez importé correctement à partir du composant où vous l'appelez. S'il s'agit d'un composant contrôlé, vous devez utiliser la valeur. Vérifiez et faites-le moi savoir dans les commentaires ci-dessous.

0 commentaires