我正在嘗試創建一個自定義 Tabs 組件，以便我可以了解更多反應，但是我被卡住了。共有三個組件，靈感來自 Material-UI 選項卡。Tabs、Tab 和 TabPane。標簽頁.jsconst Tabs = (props) => {    const { children, defaultTab } = props;    const [activeTab, setActiveTab] = useState(defaultTab);    const onTabClick = (clickedTab = 0) => {        setActiveTab(clickedTab);    }    return (        <div className="tabs">            {children}        </div>    )}這應該保持 activeTab 狀態并能夠告訴 Tab 和 TabPane 活動選項卡（或者應該嗎？）。Tab.jsconst Tab = (props) => {    const { label } = props;    return (        <li className="tabs-tab" onClick={  }> {label} </li>    )}export default Tab;Tab 組件有onClick一個標簽。但是，我不知道如何通過函數onTabClick從Tabs該組件通過孩子。TabPane.jsconst TabPane = (props) => {    const { children } = props;    return (        <div className="tabs-tab-pane">            {children}        </div>    )}export default TabPane;這是每個選項卡內容的容器。我不確定如何從這里獲取 Tabs 中的數據，所以我知道何時隱藏窗格。這是一個代碼共享：這是查看此代碼和預覽的網址：https : //codesandbox.io/s/objective-mendel-752qe?fontsize=14我如何獲得這個功能？