как взять второй элемент из json

Question

Я хочу взять второй элемент из второго ряда из json. Мой код выглядит следующим образом (см. Ниже).

class SItemBox extends Component {
  constructor() {
    super();
    this.state = {
      customers: []
    };
  }
  componentDidMount() {
    fetch("/api/customers")
      .then(res => res.json())
      .then(customers =>
        this.setState({ customers }, () =>
          console.log("customers fetched..", customers)
        )
      );
  }
  render() {
    return (
      <ul>
        {this.state.customers.map(customer => (
          <li key={customer.id}>
            {customer.firstName} {customer.lastName}
          </li>
        ))}
      </ul>
    );
  }
}
export default SItemBox;

[
  { id: 1, firstName: "John", lastName: "Doe" },
  { id: 2, firstName: "John2", lastName: "Doe2" },
  { id: 3, firstName: "John3", lastName: "Doe3" }
];

Я хочу взять только "John2"

Спасибо.

Answer 1

Это должно работать для вашего случая:

render() {
  return (
    <ul>
      {(this.state.customers && this.state.customers[1]) && <li>{this.state.customers[1].firstName}</li>}
    </ul>
  );
}

Answer 2

this.state.customers[1] даст вам 2-е в массиве.

Массивы основаны на 0, поэтому 1 - это 2-й элемент.