在reactjs中调用jsx内部的函数

在reactjs中调用jsx内部的函数,reactjs,Reactjs,我正在努力学习React,我正在写这一页,我被卡住了。我有一个组件类,无法使其正常工作: staffList() { // Do computation here to generate list return ( <div>Awesome list here</div> ); } render() { return( <div className="content staff">

我正在努力学习React,我正在写这一页,我被卡住了。我有一个组件类,无法使其正常工作:

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()}