Question

我正在从我的React App向我的后端发出get请求。呼叫成功，我能够从后端接收值。但是，我无法将值设置为前端DOM。以下是我班级目前的样子：

class App extends React.Component{
    componentDidMount(){
        this.props.getData();
    }
    renderProds(){
        const data = this.props.products;
        if(data){
            data.map((e)=>{
                return (
                   <Product 
                      name={e.name}
                      desc={e.desc}
                   />
                );
            });
        }
    }
    render(){
        return(
          <div>{this.renderProds()}</div>
        )
    }
}

我确保我的产品组件已正确导入，并且它正在接受道具name和desc。

我做错了什么？

Answer 1

您应该从renderProds方法中返回一些内容。试试这个：

renderProds(){
        const data = this.props.products;
        if(data){
            return data.map((e)=>{ // return computed value
                return (
                   <Product 
                      name={e.name}
                      desc={e.desc}
                   />
                );
            });
        }
    }

将函数中的props的值传递给React.JS中的render（）

1 个答案: