Как можно менять параметры уже размещенных компонентов?

@RuS_984 · Регистрация: 15.12.2015

Студворк — интернет-сервис помощи студентам

Я хочу создать модальное окно, компонент в котором можно было бы выводить сообщения.
Например:

JavaScript
1
2
3
4
5
6
7
8
class Modal extends React.Component {
    constructor(props) {
        super(props);
    }
     render() {/*отображается модальное окно с сообщением {this.props.message}*/}
}
 
ReactDOM.render(<Modal massage = "message"/>, document.getElementById('modal'));

Но тут получается что я один раз объявил компонент с сообщением и больше я сообщение поменять не могу???

Подобное модальное окно я написал при помощи KnockOut.js. Я написал разметку со ссылками на данные KnockOut-модели. При необходимости отобразить сообщение, я передавал его в модель и отображал окно с нужным текстом.

В React я не нашел как это сделать. Как я понял: компоненты React один раз встраиваются в DOM, инициализируются исходя из переданных props и остаются статичными.
На React я сделал навигационную панель. Получилось очень удобно: на сервере (C# MVC5) я подгружал структуру панели из JSON-а и передавал в React-компонент, обрабатывал и на выходе получал навигационную панель. Но это статический элемент сайта.

У меня на очереди еще переделать KnockOut-модели для панели для добавления нового документа и дерева документов они обе должны динамически обновляться.

@Egor.S · 11.04.2018, 17:02

props не статичные, если их обновить, то компонент вызовет render повторно

@RuS_984 · 11.04.2018, 18:57 **[ТС]**

а как можно перезадать props у уже размещенного компонента?
Я почитал что можно использовать redux для управления компонента.

@froziq · 23.04.2018, 23:10

Здравствуйте.
Вы же где-то компоненту вызывали для рендера с передачей в неё пропса message: <Modal message=“My message” />
Вот если Вы измените этот пропс message, то и компонента перерендерится: <Modal message=“My new message” />

Новые блоги и статьи Все статьи Все блоги /
Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это дополнительная запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .

@Egor.S 215 / 180 / 79 Регистрация: 02.10.2011 Сообщений: 651
	11.04.2018, 17:02
	props не статичные, если их обновить, то компонент вызовет render повторно 0

@RuS_984 4 / 4 / 3 Регистрация: 15.12.2015 Сообщений: 184
	11.04.2018, 18:57 [ТС]
	а как можно перезадать props у уже размещенного компонента? Я почитал что можно использовать redux для управления компонента. 0

@froziq 23 / 16 / 7 Регистрация: 17.10.2012 Сообщений: 74
	23.04.2018, 23:10
	Здравствуйте. Вы же где-то компоненту вызывали для рендера с передачей в неё пропса message: <Modal message=“My message” /> Вот если Вы измените этот пропс message, то и компонента перерендерится: <Modal message=“My new message” /> 0