⚡ 100 дней реакции — что я делал на 16-й и 17-й день

Итак, сейчас здесь, в Лахоре, 21:33, и я начал писать еще один блог о своей инициативе React. Я планирую сделать этот блог коротким. Потому что я знаю, что мне сейчас не о чем писать. Видите ли, я упомянул что-то в одном из моих предыдущих блогов, что я разбил свои очки. И из-за этого я ничего не мог сделать. Я думал, что история на этом закончилась, но это не так.

Сегодняшний блог не только о том, что я делал в React, но и о том, что произошло в мои 16 и 17 дней.

😅 День 16 — Ничего

Начнем с того, что я сделал вчера, а это практически ничего. Это был обычный день с небольшим отличием. У меня была встреча с моим офтальмологом, потому что мои глаза болели несколько дней. Прежде чем двигаться дальше, позвольте мне сказать вам, что я ношу очки уже более десяти лет, и в этом году мне исполнится двадцать.

Итак, утром я пошел к врачу. Она осмотрела мои глаза и использовала большую машину, чтобы получить мое зрение. Видимо, мое зрение улучшилось больше, чем я ожидал. Ну, я не могу винить никого, кроме себя, так как у меня общее время просмотра почти четыре месяца. 😂

Видите ли, у меня заболевание глаз — астигматизм. Мои роговицы искривлены, и я могу правильно сфокусироваться только под определенным углом. В прошлом году этот угол был 170°, а сейчас 180°. Престижность всем моим ночам. 👏

Возвращаясь к истории, доктор провел полную проверку моих глаз. Она буквально заглянула мне в глаза, чтобы увидеть, не сломалось ли что-нибудь. Самое смешное, что я потерял зрение примерно на 7 часов из-за капель, которые она перед этим закапала. 😂

Когда ко мне вернулось зрение, было почти 6, а на 6:30 у меня было назначено собрание Студенческого клуба разработчиков. Встреча длилась два с половиной часа. А когда я освободился около 9, я отдал свои очки в местный магазин для замены очков на мой новый номер.

Перенесемся в сегодняшний день, сейчас 22:08, а мне еще предстоит пойти в магазин, чтобы вернуть очки. Я пойду и возьму их после публикации этого блога. ✌

👨‍💻 День 17

Как я только что сказал, вчера я отдал свои очки в местный магазин для замены. Мне тяжело смотреть без них, но я не могу позволить себе терять еще один день. Ид не за горами. И мне еще предстоит решить, буду ли я работать на Курбан-Байрам или нет. Итак, сегодня я немного поработал.

🌐 Компоненты маршрута и ссылки

Цитируя одну из моих любимых фраз о себе: «Я не буду здесь вдаваться во многие детали». Причина довольно проста, на самом деле. Мне трудно сосредоточиться, и из-за этого у меня болят глаза. А также потому, что трудно объяснить некоторые вещи, которые я сейчас изучаю.

Итак, начнем. Когда нам нужно отобразить определенный контент на основе заданного URL, мы используем компонент Route. Для этого импортируйте компонент Route вверху файла JSX.

import { Route } from "react-router-dom";

📦 Этот оператор импортирует компонент Route в ваш файл. Затем вы можете использовать его следующим образом:

Как видите, путь и компонент передаются в качестве реквизита компоненту Route. Этот компонент маршрута просматривает текущий URL-адрес, чтобы определить, соответствует ли он шаблону, который проходит через реквизиты пути. Если да, он отображает компонент в реквизитах компонента. 💯

Теперь пришло время для компонента Link. Чтобы дать вам некоторое представление, позвольте мне сначала сказать вам, что все компоненты, которые мы создаем, являются частью файла bundle.js. Этот JS-файл загружается заранее при загрузке приложения. Если мы используем простой тег привязки, он будет повторно загружать каждый файл, когда пользователь переходит на другую страницу. Поэтому, чтобы предотвратить это, мы используем компонент Link.

import { Link } from "react-router-dom";

🚀 Заявление выше импортирует компонент Link в ваш файл. Затем вы можете использовать его следующим образом:

Вам также необходимо заменить атрибут href на to.

Ну что, ребята, на сегодня все. Я должен пойти и вернуть свои очки, прежде чем магазин закроется. завтра еще напишу. А пока, привет. 🤞

Первоначально опубликовано на https://msaad.dev 10 августа 2019 г.