在reactjs中调用jsx内部的函数
我正在努力学习React,我正在写这一页,我被卡住了。我有一个组件类,无法使其正常工作:在reactjs中调用jsx内部的函数,reactjs,Reactjs,我正在努力学习React,我正在写这一页,我被卡住了。我有一个组件类,无法使其正常工作: staffList() { // Do computation here to generate list return ( <div>Awesome list here</div> ); } render() { return( <div className="content staff">
staffList() {
// Do computation here to generate list
return (
<div>Awesome list here</div>
);
}
render() {
return(
<div className="content staff">
{this.staffList}
</div>
);
}
staffList(){
//在此处进行计算以生成列表
返回(
这里有很棒的列表
);
}
render(){
返回(
{this.staffList}
);
}
当我尝试运行此代码时,页面不会显示“awesomedivhere”
在我参加的在线反应课程中,我记得老师做了类似的事情,我错过了什么
我模糊地试着用谷歌搜索,但我不知道要搜索什么才能找到更多。你错过了()
函数的staffList
,请这样写:
staffList() {
// Do computation here to generate list
return (
<div>Awesome list here</div>
);
}
render() {
return(
<div className="content staff">
{this.staffList()}
</div>
);
}
您错过了函数为的()
,请这样写:
staffList() {
// Do computation here to generate list
return (
<div>Awesome list here</div>
);
}
render() {
return(
<div className="content staff">
{this.staffList()}
</div>
);
}
必须执行函数:{this.staffList()}
必须执行函数:{this.staffList()}