5 марта 2019 г.
Предисловие
Тем парнем наверху был я прошлой ночью; Я нокаутировал за своим столом и проснулся через пять минут, задаваясь вопросом, что случилось. Что ж, этого и следовало ожидать, так как прошлой ночью я спал всего около четырех часов. Тем не менее, я заряжался и кодировал не менее часа. Чего я не мог сделать, так это напечатать пост о том, что я сделал, потому что я продолжал засыпать. Поэтому я решил проснуться пораньше, прямо перед тем, как отправиться на работу, чтобы написать о том, что я узнал прошлой ночью!
Прошлой ночью я продолжил свое путешествие по изучению React, изучив, как отображать список компонентов React с помощью функции JavaScript map(). Метод map() — это метод JavaScript, который вызывает функцию и применяет ее к каждому элементу массива; затем элемент возвращается в новый массив.
В React метод map() используется для перебора массива данных и структурирования нужных фрагментов в JSX для возврата к новой переменной массива. Это упрощает визуализацию стилизованных наборов данных без написания большего количества кода, чем необходимо. Документация React, Списки и ключи, дает отличное объяснение того, как визуализировать несколько компонентов.
Я также научился оптимизировать функцию map(), деструктурируя назначения массивов! Вот пример деструктурирования присваиваний:
// Standard Array Access const arr = [1, 2, 3, 4, 5]; let firstItem = arr[0]; let secondItem = arr[1]; let thirdItem = arr[2]; etc... //Destructured Assignments let [firstItem, secondItem, thirdItem] = arr;
Как видите, назначение деструктурированного массива легко читать и понимать. Кроме того, для ввода гораздо меньше кода, чем стандартный способ сделать это! Если вы хотите узнать больше, это отличная справочная статья, которую я использовал, чтобы помочь мне понять концепцию!
Я опубликую еще один пост о том, что я узнаю сегодня вечером! До скорой встречи!
