J'ai des données de tableau et j'essaie d'afficher la liste des cases à cocher avec le tableau. Il ne montre que trois cases à cocher vide. L'étiquette ne montre pas de texte. Qu'est-ce que j'ai tort avec mon code?
4 Réponses :
enveloppez-le avec <étiquette>
Vous ne l'avez pas dit d'afficher un texte, en supposant qu'il s'agisse d'un HTMLinPutElement standard.
Il n'y a pas de «label» de propriété, vous devez envelopper votre entrée dans une étiquette (ou utilisez l'attribut pour l'étiquette). P>
const campusData = [
{ id: 1, value:'A',name: 'A' },
{ id: 2, value:'B',name: 'B' },
{ id: 3, value:'C',name: 'C' }
]
...
render(){
return (
<div>
{campusData.map( item =>
<label>
{item.name}
<input type="checkbox" key={item.id} {...item} onChange={this.handleCampusChkChange} />
</label>
)}
</div>
)
}
entrée n'a pas Essayez comme ceci. CSS < / strong> étiquette attribut
entrée n'a pas Essayez comme ça. p> étiquette code> attribut <input type="checkbox" name="checkbox" id="checkbox_id" value="value">
<label for="checkbox_id">Text</label>