For 循环覆盖 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;
}