对于循环覆盖td而不是每次创建新的

Question

我试图通过反向循环来自以下函数的传入数据来渲染新的td行，但它会一直覆盖现有的数据。

reverseLoopOverArray = () => {
    for(let t = this.props.receivedData.length - 1; t >= 0; t--){
        return this.renderRow(this.props.receivedData[t], t);            
    }
}

renderRow = (item, index) => {
    return (
         <tr key={index} style={warning}>
            <td>{item.one}</td>
            <td>{item.two}</td>
            <td>{item.three}</td>
        </tr>
    )
}

感谢任何帮助。

Answer 1

构建一个数组并返回：

reverseLoopOverArray = () => {
    const rows = [];
    for(let t = this.props.receivedData.length - 1; t >= 0; t--){
        rows.push(this.renderRow(this.props.receivedData[t], t));            
    }
    return rows;
}