0 added
0 removed
Original
2026-01-01
Modified
2026-03-10
1
<p>Теги: react, элементы, обновление, reactdom.render</p>
1
<p>Теги: react, элементы, обновление, reactdom.render</p>
2
<p>Как известно, React-элементы являются неизменяемыми. Если вы однажды создали элемент, у вас не будет возможности изменить его дочерние элементы либо атрибуты. Можно сказать, что элемент в React -- это как кадр в кинофильме. Продолжая сравнение, скажем, что этот кадр представляет собой пользовательский интерфейс в конкретный момент времени.</p>
2
<p>Как известно, React-элементы являются неизменяемыми. Если вы однажды создали элемент, у вас не будет возможности изменить его дочерние элементы либо атрибуты. Можно сказать, что элемент в React -- это как кадр в кинофильме. Продолжая сравнение, скажем, что этот кадр представляет собой пользовательский интерфейс в конкретный момент времени.</p>
3
<p>Тем не менее все вышесказанное не значит, что у вас нету способа обновить интерфейс - такой способ есть -- для этого вам потребуется создать новый элемент, а потом передать его в ReactDOM.render().</p>
3
<p>Тем не менее все вышесказанное не значит, что у вас нету способа обновить интерфейс - такой способ есть -- для этого вам потребуется создать новый элемент, а потом передать его в ReactDOM.render().</p>
4
<p>Чтобы лучше понять, как это работает, давайте посмотрим на пример тикающих часов в программном коде:</p>
4
<p>Чтобы лучше понять, как это работает, давайте посмотрим на пример тикающих часов в программном коде:</p>
5
<p>Таким образом, в нашем примере ReactDOM.render() вызывается каждую секунду из колбэка setInterval() (говоря по правде, на практике в большинстве React-приложений ReactDOM.render() вызывают лишь один раз. А вот как такой код инкапсулируется в компоненты с состоянием, мы узнаем в одной из следующих заметок).</p>
5
<p>Таким образом, в нашем примере ReactDOM.render() вызывается каждую секунду из колбэка setInterval() (говоря по правде, на практике в большинстве React-приложений ReactDOM.render() вызывают лишь один раз. А вот как такой код инкапсулируется в компоненты с состоянием, мы узнаем в одной из следующих заметок).</p>
6
<p><em>По материалам https://ru.react.js.org/.</em></p>
6
<p><em>По материалам https://ru.react.js.org/.</em></p>
7
7