массив объектов серфинга в JSON в реагирующем javascript, который извлекается из API Axios

Question

Я называю Axios, например, API в реакции, я хочу отобразить только определенное поле в моем массиве, например, просто название компании от первого лица в выходных данных.например, "person [0] .cpmpany.name" Я ожидаю "" Romaguera-Crona ", но я получил ошибку.

[
  {
    "id": 1,
    "name": "Leanne Graham",
    "address": {
      "street": "Kulas Light",
      "zipcode": "92998-3874",
      }
    },
    "phone": "1-770-736-8031 x56442",
    "website": "hildegard.org",
    "company": {
      "name": "Romaguera-Crona",
      "catchPhrase": "Multi-layered client-server neural-net",
    }
  },
  {
    "id": 2,
    "name": "Ervin Howell",
    "address": {
      "street": "Victor Plains",
      "zipcode": "92998-3874",
    },
    "phone": "010-692-6593 x09125",
    "website": "anastasia.net",
    "company": {
      "name": "Deckow-Crist",
      "catchPhrase": "Proactive didactic contingency",
    }
  },...]

Мой компонент реакции:

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>


export default class PersonList extends React.Component {
    state = {
        persons: []
    };

    componentDidMount() {
        axios.get(`https://jsonplaceholder.typicode.com/users`)
            .then(res => {
                const persons = res.data;
                // const persons2 = JSON.parse(persons);
                this.setState({ persons : persons});
            })
    }

    render() {
        return (
            <ul>
                { this.state.persons.map(person => <li>{person.phone}</li>)}
                { this.state.persons.map(person => <li>{person.address.street}</li>)}
              // { this.state.persons.map(person => <li>{person[0].cpmpany.name}</li>)} // here is the issue

            })
            </ul>
        )
    }
}

Я хочу визуализировать определенный компонент из файла JSON или цикла в ячейке Specific в мае JSON-объект.например, цикл for, который просто отображает person.cpmpany.name

Answer 1

В {person[0].cpmpany.name} есть опечатка.Кроме того, поскольку вы уже сопоставляете массив this.state.persons, вы можете просто использовать {person.company.name}.

. Попробуйте заменить {person[0].cpmpany.name} на {person.company.name}

.