нужно будет заново отрендерить после вызова компонента или как?

А чтотзначит вызвать? Отрисовать или вызвать функцию в другом компоненте?

смотри есть кнопка в компоненте нажав на неё тебе отрисует другой компонент внутри этого компонента

Привет! У меня есть такая  конструкция:
компонент LoginLayout, в котором есть блок с уведомлениями. Нужна возможность вызывать эти уведомления из дочерних компонентов на несколько уровней вложенности вниз. Я вот не знаю, каким способом это лучше сделать.
Передавать пропсы — не очень, будут компоненты, которым эти пропсы не нужны
В стейт не хочется как-то. Не очень глобальная информация
В контекст? Не знаю. Мне нужно передавать события от дочерних компонентов к родительскому. Из документации не кажется, что контексты для этого хорошо пригодны.
Нужен совет, заранее спасибо)

я хотел через state но трабл был

Const [childComponent, setVhildComponent] = useState(false)


{ childComponent
? <ChildComponent \>
: null }

<Btn onClick={setChildComponent(!childComponent)} />

Сори, просто я с телефона

через булевый useState реализуешь isToggle, и в компоненте через условие

то же самое написал, хех

👍

а если таким miniapp которые нужно отрисовывать штук 10 ?

ладно не 10 а 5

Сделай функцию с switch

А потом вызывай
<div>{renderComponent(state)}<\>

Б3

🗜

switch case или switch с route

const renderComponent = (state) => {
 switch (state) {
  case "component_1":
  return <ComponentOne />
}

render (
  <div>
    {renderComponent("component_1")}
  </div>
)

А переменный можно из стейта брать или я не знаю где они там у тебя будут, но если так будешь делать, то добавь lazy loading для этих компонентов

import React, {lazy} from "react"
const ComponentOne = lazy(() => import("components/ComponentOne"))

@e_zharova @javascript_jobs

Как сделать чтобы каждый вызов функции в setInterval, был с динамическим аргументом (тоесть к примеру состоянием)?