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

Question

[Jirafek]

Здравствуйте, у меня есть такой код на реакте, который добовляет множество белых прямоугольников и кнопку в самом конце

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.. Почему она появляется если я даю рандомные ключи?

Comments

[Gary_Ihar]

Учи js, потом реакт

Answer 1

[Vladimir Lewandowski]

На Link key добавьте, а не на button.

P. S. array.map не мутирует массив.

Comments

[Квазиморд Сидорович]

да жирафу всё равно куда пихать этот кей и совершенно фиолетово как работает map.