Header와 Footer 효율적으로 작성하기

[Dobbymin]

const Footer = (text) => {
    return (
        <>
            <div className="Footer-container">{text}</div>
        </>
    );
};

위 코드처럼 parameter를 전달받아서 컴포넌트에 페이지 이름을 작성하는게 아니라,
작성해 놓은 Header와 Footer를 이용해서 페이지 이름을 효율적으로 작성하는 방법에 대해 알고싶다.