Align content as per original lines

Author: Vasilii Boldurean

src/content/learn/you-might-not-need-an-effect.md

@@ -191,6 +191,7 @@ function Profile({ userId }) {
   // ...
 }
 ```
+
 Обычно React сохраняет состояние, когда один и тот же компонент отображается в одном месте. **Передавая `userId` в качестве ключа `key` компоненту `Profile`, вы как бы просите React рассматривать два компонента `Profile` с разными `userId` как два разных компонента, которые не должны делить между собой никакого состояния.** Всякий раз, когда key (установленный на `userId`) меняется, React обновит DOM и [сбросит состояние](/learn/preserving-and-resetting-state#option-2-resetting-state-with-a-key) компонента `Profile` и всех его дочерних. Теперь поле `comment` будет автоматически очищаться при переходе между профилями.
 
 Обратите внимание, что в данном примере только внешний компонент `ProfilePage` экспортируется и виден другим файлам в проекте. Компоненты, которые рендерят `ProfilePage`, не должны передавать ему ключ: они передают `userId` в качестве обычного пропса. Тот факт, что `ProfilePage` передает его в качестве ключа `key` внутреннему компоненту `Profile`, является деталью реализации.
@@ -301,6 +302,7 @@ function ProductPage({ product, addToCart }) {
 ```
 
 Этот код удаляет ненужный Эффект, и исправляет ошибку.
+
 ### Отправка POST-запроса {/*sending-a-post-request*/}
 
 Представим, что компонент `Form` делает два типа POST-запросов. Он отправляет событие аналитики при монтировании. А когда вы заполняете форму и нажимаете кнопку «Отправить», он отправит POST-запрос на конечную точку `/api/register`:
@@ -450,7 +452,6 @@ function Game() {
 
 В некоторых случаях вы *не можете* вычислить следующее состояние непосредственно в обработчике событий. Например, представьте форму с несколькими выпадающими списками, где варианты следующего выпадающего списка зависят от выбранного значения предыдущего выпадающего списка. Тогда цепочка эффектов будет уместной, потому что вы синхронизируете её с сетью.
 
-
 ### Инициализация приложения {/*initializing-the-application*/}
 
 Некоторая логика должна выполняться только один раз при загрузке приложения.
@@ -1734,4 +1735,4 @@ label, textarea { margin-bottom: 10px; display: block; }
 
 </Solution>
 
-</Challenges>
+</Challenges>