не надо.
У меня есть модалка, в нее дочкой передаю компонент на рендер. Компонент может быть разным в зависимости от действий юзера на странице.
Т.е. в модальном окне должны в зависимости от ситуации рендериться разные вещи.
И вот вопрос, где хранить элемент, который будет рендериться в модалке? Я сначала думал хранить эти элементы в state, но это прямо анти паттерн получается. Как лучше организовать такую функциональность?
Можно создать функцию которая в зависимости от стейта будет генерить тот или иной элемент
const Components = { login: LoginComponent, logout: LogoutComponent, forgetPassword: ForgetPasswordComponent, } const App = () => { const [state] = useState('login') const Component = Components[state] return ( <Wrap> <Component /> </Wrap> ) }
интересно как понять что у модалки дочь а не сын🧐🤪🤔
компонент же дочерний, а не сыновий
Обсуждают сегодня