@Jirafek

Почему React ругается на отсутствие key?

Здравствуйте, у меня есть такой код на реакте, который добовляет множество белых прямоугольников и кнопку в самом конце
const HIGHTER_STATE_POSITIONS = avability.AVAILIBLE_LINES * 7;
        const array = new Array(HIGHTER_STATE_POSITIONS + 1);
        let data_number = -1;

        array.map((el, i) => {
            data_number++;
            if (data_number > 6) data_number = 0;

            return <div key={RandomKey()} dataClass={`high-${i}`} day={data_number} className={`grey high_menu-state-item high-${i}`}></div>
        })

        const button = <Link to="/cells"><button key={RandomKey()} className="high_menu_state_btn">Добавить Дополнительные ячейки</button></Link>
        array[HIGHTER_STATE_POSITIONS - 1] = button;

        return array;


Функция RandomKey создает рандомный ключ из 10 символов (string). Вот примеры выдаваемых ключей t2MiPp70vL, LlRDzl7VZb. Но в консоли висит ошибка Warning: Each child in a list should have a unique "key" prop.. Почему она появляется если я даю рандомные ключи?
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ответы на вопрос 1
vovaspace
@vovaspace
Frontend Developer
На Link key добавьте, а не на button.

P. S. array.map не мутирует массив.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы