如何在React Next js App中单击链接时传递打开第二个Material UI页签的状态

npm install @mui/material @emotion/react @emotion/styled

import React, { useState } from 'react';
import { Tab, Tabs } from '@mui/material';

const MyPage = () => {
  const [activeTab, setActiveTab] = useState(0);

  const handleTabChange = (event, newValue) => {
    setActiveTab(newValue);
  };

  return (
    <Tabs value={activeTab} onChange={handleTabChange}>
      <Tab label="第一个页签" />
      <Tab label="第二个页签" />
    </Tabs>
  );
};

export default MyPage;

import React from 'react';
import Link from 'next/link';

const MyLink = () => {
  return (
    <Link href="/my-page">
      <a>点击这里打开第二个页签</a>
    </Link>
  );
};

export default MyLink;

import React from 'react';
import MyPage from './MyPage';
import MyLink from './MyLink';

const App = () => {
  return (
    <div>
      <MyPage />
      <MyLink />
    </div>
  );
};

export default App;