Question

如何反应阵列？我尝试使用this.state.data.maps.reverse但它无法正常工作。提前谢谢！

import React, { Component } from 'react';

export default class Slideshows extends Component {
    constructor(){
        super();
        this.state = {
            data:[
                { "id": "1", "name": 'Robert', "age": "21" },
                { "id": "2", "name": 'Sam', "age": "33" },
                { "id": "3", "name": 'Jerry', "age": "42" },
            ]
        }
    }
    render() {
        const reverseData = this.state.map((data, i) => {
            return (
                <li> {data.name} | {data.age} </li>
            )
        })
        return (
            <ul>
                {reverseData}
            </ul>
        )
    }
}

Answer 1

您应首先从您的州获得data，然后在其上应用reverse()，然后映射反向数组：

    const reverseData = this.state.data.reverse().map((data, i) => {
        return (
            <li> {data.name} | {data.age} </li>
        )
    })

Answer 2

此问题已在此处解决，请访问以下链接：

REACT Reverse an array

如何在React中反转数组

2 个答案: