0 added
0 removed
Original
2026-01-01
Modified
2026-03-10
1
<p>Теги: react, переменные, условная отрисовка</p>
1
<p>Теги: react, переменные, условная отрисовка</p>
2
<p>В React существует возможность применять<strong>переменные</strong>в целях хранения элементов. Это поможет разработчику отрисовать<a>по условию</a>часть компонента, при этом оставшаяся часть вывода не поменяется. Рассмотрим, как это работает.</p>
2
<p>В React существует возможность применять<strong>переменные</strong>в целях хранения элементов. Это поможет разработчику отрисовать<a>по условию</a>часть компонента, при этом оставшаяся часть вывода не поменяется. Рассмотрим, как это работает.</p>
3
<p>Ниже -- 2 новых компонента, которые представляют кнопки для<strong>авторизации</strong>и<strong>выхода</strong>:</p>
3
<p>Ниже -- 2 новых компонента, которые представляют кнопки для<strong>авторизации</strong>и<strong>выхода</strong>:</p>
4
<p>Теперь давайте создадим компонент с состоянием и с именем<strong>LoginControl</strong>. Данный компонент станет отрисовывать или <LoginButton />, или <LogoutButton />, что зависит от текущего состояния. Вдобавок ко всему, созданный компонент отрисует <Greeting /> из предыдущего примера.</p>
4
<p>Теперь давайте создадим компонент с состоянием и с именем<strong>LoginControl</strong>. Данный компонент станет отрисовывать или <LoginButton />, или <LogoutButton />, что зависит от текущего состояния. Вдобавок ко всему, созданный компонент отрисует <Greeting /> из предыдущего примера.</p>
5
<p>Итак, смотрим реализацию:</p>
5
<p>Итак, смотрим реализацию:</p>
6
<p>Итак, объявление переменной вкупе с применением оператора if - хороший способ отрисовать компонент по условию. Однако в некоторых случаях можно применять и более короткий синтаксис. Но об этом читайте в наших следующих статьях.</p>
6
<p>Итак, объявление переменной вкупе с применением оператора if - хороший способ отрисовать компонент по условию. Однако в некоторых случаях можно применять и более короткий синтаксис. Но об этом читайте в наших следующих статьях.</p>
7
<p><em>По материалам https://ru.react.js.org/.</em></p>
7
<p><em>По материалам https://ru.react.js.org/.</em></p>
8
8