Question

我正在努力学习React，我正在这个页面上工作而且我被困住了。我有一个组件类，我不能让它工作：

staffList() {
    // Do computation here to generate list
    return (
        <div>Awesome list here</div>
    );
}

render() {
    return(
        <div className="content staff">
            {this.staffList}
        </div>
    );
}

当我尝试运行此代码时，该页面并未在此处显示“真棒div”。

在网上的React课程中，我记得老师做了类似的事情，我错过了什么？

我模糊地试图谷歌，但我不知道该搜索什么来寻找更多信息。

Answer 1

您错过了()功能staffList，请按以下方式编写：

staffList() {
    // Do computation here to generate list
    return (
        <div>Awesome list here</div>
    );
}

render() {
    return(
        <div className="content staff">
            {this.staffList()}
        </div>
    );
}

检查此代码段以了解差异：

function abc() {
  console.log('calling function');
  return "done";
}

// with ()
console.log('abc() = ', abc())

// without ()
console.log('abc = ', abc)

在reactjs中调用jsx中的函数

1 个答案: