Почему получаю ошибку TypeError: Cannot read property of undefined в React?

Question

[Dolerum]

Доброго времени суток.
Возникает ошибка `TypeError: Cannot read property 'friends' of undefined`
Не могу понять, как ее исправить или что я делаю не правильно.

Ругается вот на это.

const Sidebars = (props) => {
    let sidebarsElements = props.state.friends.map( friend => <SideItem name={friend.name} id={friend.id} key={friend.id}/> );
}

Sidebars пытаюсь отрисовать здесь

<nav>
<ul>
    <h3>Friends</h3>
    <Sidebars />
    <ul>
    </ul>
    </nav>

А это мой стейт, сюда я записал массив вручную

let state = {
 sidebarList: {
    friends: [
    {id: 11, name: 'Andrew'},
	{id: 12, name: 'Aleksei'},
	{id: 13, name: 'Mikhail'},
    ]
    }
}

Answer 1

[A-One]

Чтобы из дочернего компонента обратиться к пропсам, нужно в родительском компоненте их прокинуть самому этому дочернему:

<nav>
<ul>
    <h3>Friends</h3>
    <Sidebars state={state.sidebarList} />
    <ul>
    </ul>
    </nav>