Разместить часть компонента в другом компонетне?
Подскажите пожалуйста, как разместить часть одного компонента в другом компоненте?
Ответы (1 шт):
Автор решения: Zhanat Lepesbayeva
→ Ссылка
выноси в отдельную компоненту.
export const NewComponent = ({filter, setFilter}) => (
<> // Общий родительский тег (пустой узел)
<h1 className="sectionHeader">
Our
<span className="sectionTitleText">Production</span>
</h1>
<ChoiseProductFilter filter={filter} setFilter={setFilter}/>
<a className="goCatalogLink" href="#">Go To Catalog</a>
</>
)
И внутри компоненты Category после <AutoCarousel />
вставь <NewComponent filter={filter} setFilter={setFilter} />