K
Как лучше всего в Реакте передать пропсы из child component to parent component?
Через колбек
Size: a a a
2020 October 26
AM
Kaz
Через колбек
+
PV
Ну или redux
K
Как лучше всего в Реакте передать пропсы из child component to parent component?
Создаешь функцию в родителе, её же и передаешь чайлду в пропсе
AM
это что за жесть?
ДД
Андрей Негруша
как такие кнопки делаются?)
АН
это что за жесть?
Пишу как получается. Поэтому и обратился за помощью
AM
как такие кнопки делаются?)
CSS
PV
это что за жесть?
+
АН
как такие кнопки делаются?)
Я нашел это в общем доступе в нете
AM
Андрей Негруша
Пишу как получается. Поэтому и обратился за помощью
почему в setState передан Компонент?
Т
Kaz
Я юзаю redux активно, но бойлерплейта действительно много получается
А ты используешь act или toolkit?
ДД
я понимаю что не sql )
АН
почему в setState передан Компонент?
Чтобы при нажатии компонента родительская перерендеривалась и снизу была показана та компонента, на которую тыкали
AM
Андрей Негруша
Чтобы при нажатии компонента родительская перерендеривалась и снизу была показана та компонента, на которую тыкали
раздели это на два компонента, и рендерь нужный дочерний в зависимости от условий
AM
или через маппинг
О
ребят а если я хотел писать юнит но получился интеграционный, мне стоит задуматься о рефакторинге для упрощения юнит тестирования или можно прост оставить интеграционный и не париться? то есть интеграционный на 100% говорит о том, что все компоненты тестирования отрабатывают корректно. Поэтому и спрашиваю, есть ли смысл запариваться и тестировать отдельно каждый компонент и уменьшать связь между компонентами
AM
Андрей Негруша
Чтобы при нажатии компонента родительская перерендеривалась и снизу была показана та компонента, на которую тыкали
ну типа setState(prev => {...prev, button: 'circle'})
в рендере
{state.button === 'cirle' && (<CircleButton>)}
{state.button === 'box' && (<BoxButton>)}
в рендере
{state.button === 'cirle' && (<CircleButton>)}
{state.button === 'box' && (<BoxButton>)}
K
Да, меньше бойлерплейт кода.
Класс стора разрастается при большом количестве экшнов. Это не мешает читабельности?
АН
ну типа setState(prev => {...prev, button: 'circle'})
в рендере
{state.button === 'cirle' && (<CircleButton>)}
{state.button === 'box' && (<BoxButton>)}
в рендере
{state.button === 'cirle' && (<CircleButton>)}
{state.button === 'box' && (<BoxButton>)}
Спасибо большое. А если, например, наименований типа 'circle, box' будет много?