Как я могу получить доступ к данным во вложенном массиве?

Question

Я перебираю некоторые данные. Вот JSX: Сейчас я использую console.log, чтобы выяснить, как получить доступ к данным.

      <div>
        <ul>
          {orderData &&
            orderData.map(item => {
              return <Order item={item} />;
            })}
        </ul>
      </div>

export default function workorder({ item }) {
  console.log(
    Object.values(item.data).map(item => {
      return item;
    })
  );

  return <h1></h1>;
}

Прямо сейчас,

console.log(
    Object.values(item.data).map(item => {
      return item;
    })
  ); 

возвращает это, что это то, что я хочу:

Я могу легко получить доступ к значениям во всех массивах, за исключением первого , с чем-то как item.name или item.email

Но вопрос: как я могу получить доступ к данным внутри Array(20)? Я хочу сделать данные, такие как крайний срок или описание.

Попытка: item.deadline возвращает это:

Так что мне здесь делать?

Answer 1

Я верю, что "item" - это массив, и вы захотите получить доступ к массиву, используя item [0], чтобы получить отдельный элемент. (между 0 и 19 для доступа к отдельным элементам в массиве).

Он также выглядит как массив внутри массива, поэтому вам придется обращаться к нему дважды.

Так что вы будете вы хотите использовать item[0][0].deadline, чтобы получить свойство deadline первого объекта.