Я работаю с React (версия 15.4.2) и динамически заполняю <ul>
результатами запросов из моей базы данных. Я подумал, что правильно установил свойство 'key' в <li>
, но, очевидно, я этого не сделал - при отображении списка я получаю сообщение об ошибке:
Предупреждение: li: "ключ" не является опорой. Попытка доступа к нему приведет к возвращению "неопределенного". Если вам нужно получить доступ к одному и тому же значению в дочернем компоненте, вы должны передать его как другой объект.
Вот код для моего списка:
function UserList(props) {
return(
<ul className="UserList">
{
props.user_list.map((user) => (
<li className="UserListItem" key={user.id}>
<Link to={'/users/${user.id}'}>{user.first_name} {user.last_name}</Link>
</li>
))
}
</ul>
);
}
Я посмотрел на документы, и мне кажется, что это должно быть правильно. Если бы кто-то мог разъяснить мою ошибку, это было бы очень ценно.