reactjs单击该按钮，它将转到另一个包含数据ID的页面

import React from 'react';
import { useHistory } from 'react-router-dom';

const ButtonComponent = () => {
  const history = useHistory();

  const handleClick = () => {
    // 获取数据ID
    const dataId = '123'; // 这里假设数据ID为123

    // 跳转到包含数据ID的页面
    history.push(`/data/${dataId}`);
  };

  return (
    <button onClick={handleClick}>点击按钮</button>
  );
};

export default ButtonComponent;

import React from 'react';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';

import ButtonComponent from './ButtonComponent';
import DataPage from './DataPage';

const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={ButtonComponent} />
        <Route path="/data/:id" component={DataPage} />
      </Switch>
    </Router>
  );
};

export default App;

import React from 'react';
import { useParams } from 'react-router-dom';

const DataPage = () => {
  const { id } = useParams();

  return (
    <div>
      数据ID：{id}
    </div>
  );
};

export default DataPage;