Javascript 如何将useState元素从一个组件导出到另一个组件

我有一个usestate元素：

Header.js

let [showComponent, setShowComponent] = useState(false)

const HomePage = () => {
    return(
       <div>I want to return that usestate element here</div>
    );
}

我想在我的主页组件中使用上述元素：

Homepage.js

let [showComponent, setShowComponent] = useState(false)

const HomePage = () => {
    return(
       <div>I want to return that usestate element here</div>
    );
}

const主页=（）=>{
返回(
我想在这里返回usestate元素
);
}

您是否在询问如何导出和导入

标题

组件？