Массив объектов возвращает неопределенное значение при доступе к элементам - PullRequest
Новая
       4

Массив объектов возвращает неопределенное значение при доступе к элементам

0 голосов
/ 27 февраля 2020

Я пытаюсь получить доступ к массиву из массива объектов, которые я передаю как реквизиты в компонент без состояния. Например, вот сценарий: 

const compA = props => {
  return (
     //other code
     console.log('CompA Arr: ', props.Arr)
     //I can clearly see the Array here before passing it as props
     <CompB props={props.Arr} />
  );

}
export default compA;

const compB = props => {
  return (
     //other code
     console.log('CompA Arr: ', props.Arr)
     //I can clearly see the Array now here, but below is undefined
     <input type="text" value={props && props[0].person && props[0].person[0].name}
  );

}
export default compB;

Если вы console.log props.Arr, вот пример массива объектов 

props:[{...}]
//props expanded
0:
  id: 1
  position: "manager"
  person: [{...}]

//person expanded
0:
  name: "John Doe"
  age:  "40"

Я пытаюсь получить доступ к поле name в массиве person, однако, это возвращает ошибку «Не удается прочитать свойство« person »из undefined. Что мне не хватает? Я ясно вижу массив объектов в обоих компонентах, но не могу получить доступ к их элементам.

...