子组件未渲染

Question

我在react应用程序中创建了一个简单的子组件。下面是子组件代码。

import React from 'react';

class work extends React.Component{   

    createList=()=>{
        let work=[];
        for(let item=0;item<52;item++){
            work.push(<li>{item}</li>);
        }
        return work;
    }

    render(){
        return(
            <ul>
                {this.createList}
            </ul>
        )
    }
}

export default work;

在运行我的应用程序时，出现错误。 Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it

我的代码有什么问题？

Answer 1

错误说明非常清楚：您正在给a作为孩子的功能，这是不期望的。只需将{this.createList}替换为{this.createList()}