class Greeting extends React.Component {
state={
username:'u1',
user:['u1','u2']
}
constructor(props){
super(props);
this.uList=this.uList.bind(this);
}
uList = () =>{
return this.state.user.map((u)=>{
console.log(u);
return <li>{u}</li>;
});
}
render() {
return (<div>
<p>Hello world</p>
{this.uList}
</div>
);
}
}
Complete code : https://pastebin.com/raw/Azi65VnuI'm trying react.js with cdn for the first time, it gives me just hello world, but not rendering the list.Why is that?
3 Réponses :
Vous devez appeler la fonction
render() {
return (<div>
<p>Hello world</p>
{this.uList()}
</div>
);
}
Pensez-vous vraiment que la question a besoin d'une réponse ou cela aidera tout lecteur supplémentaire? S'il vous plaît essayez d'éviter de répondre aux questions de TYPO ...
Vous devez exécuter la fonction:
Pensez-vous vraiment que la question a besoin d'une réponse ou cela aidera tout lecteur supplémentaire? S'il vous plaît essayez d'éviter de répondre aux questions de TYPO ...
Vrai, d'accord! Il aurait véritablement fait son mieux avant de poster ici sur le forum public. :)
En réalité, vous n'appelez pas votre méthode du tout. Vous avez manqué la parenthèse ()
Pensez-vous vraiment que la question a besoin d'une réponse ou cela aidera tout lecteur supplémentaire? S'il vous plaît essayez d'éviter de répondre aux questions de TYPO ...
Je voudrais avoir une réponse du point de vue de l'op.
Essayez d'appeler la fonction
{this.ulist ()}Faute de frappe. Vous devez appeler la fonction, non seulement le mentionner. Ajouter
()