= () => {
return <ItemComponent data={ { accountStatus: appState.online, ...state.itemCount} } />
}
В этом компоненте дата принимает данные с API и отрисововается, как данные высшего компонента получит в один data объект ?
const ItemComponent = ({ data }) => {
return (<div> {data.title} </div>)
}
неясно что именно вы хотите сделать, по крайней мере для меня
объединить два входящих дата в один пропс
это уже больше на решение похоже, а не на задачу и условия не ясны
Пример, есть компонент Component1 передает дату на нижний компонент Component2 через пропсы, а Component2 так же у себя принимает данные с API, теперь как содержимые данные с Component1 объединить с Component2
передать через пропсы?..
const Component1 = () => { return <Component2 data={ { accountStatus: appState.online, ...state.itemCount} } /> } const Component2 = ({ data }) => { // data from api already getting return (<div> {data.title} </div>) }
и что в этом вас не устраивает?
как дата из апи попадает в пропсы?
хотите сказать у вас data в первом компоненте и data во втором, и как следствие конфликт имен?
да, как дату с первого компонента обьденит со вторым дата чтоб было один объект дата
давать нормальные имена переменным.
как дата с апи попадает в пропсы? через hoc?
да useContext
что такое useConnect? в общем в хоке можно собрать пропсы самого компоненты и сложить в один объект data вместе с апи датой
useContext, неправильно прочитал
> connect > useContext > useConnect 🍿
нет (( структура портится (( так сказали делать
кто сказал, какая структура, покажите код.
Обсуждают сегодня