Всем Привет! В этой статье разберем как создать простой компонент модального окна в React JS с нуля. Если задать в поиске фразу - модальное окно для React JS, то можно найти огромное количество готовых библиотек. Так сказать - подключай и используй. Но, чтобы понять, как именно это работает, нужно хотя бы один раз написать компонент модального окна самостоятельно. В нашем случае это будет SimpleModal Component, но Вы можете назвать его по своему. Если формат изложения материала в виде текста Вам не подходит, то можете посмотреть видео или скачайте готовый проект с github...

Иерархия компонентов В любом приложении React должен быть один корневой компонент, который включает другие компоненты. Кроме этого, можно объединить в отдельный компонент другие компоненты, которые выполняют схожий функционал, например, список постов. На изображении выше получается, что корневой компонент включает в себя три компонента, а компонент, объединяющий схожие компоненты, включает в себя другие три компонента. Получается чёткая иерархия компонентов в этом конкретном примере. Компоненты можно и нужно переиспользовать...