Как добавить проспы дочерних компонентов в родительский? (React + TypeScript)
Всем привет. Сейчас я пишу приложение на React + TypeScript и у меня появился компонент MapBar, который включает в себя несколько кнопочек. И, я бы хотел добавить в интерфейс этого компонента пропсы из интерфейсов дочерних. Но, не до конца понимаю, как то сделать.
import React, {FC} from 'react';
import {Box} from "@mui/material";
import ShowMe, {ShowMeProps} from "./ShowMe";
import AddEvent, {AddEventProps} from "./AddEvent";
interface MapBarProps {
}
const MapBar: FC<ShowMeProps, AddEventProps> = ({setCenter}) => {
return (
<Box sx={{position: 'absolute', top: '5px', right: '5px'}}>
<ShowMe setCenter={setCenter}/>
<AddEvent setOpen={}/>
</Box>
);
};
export default MapBar;
export interface ShowMeProps {
setCenter: (coords: Coords) => void;
}
export interface AddEventProps {
setOpen: (isOpen: boolean) => void;
}
