调用接口，并使用相同的点击ReactJS跳转到下一页

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

const HomePage = () => {
  const handleButtonClick = () => {
    // 调用路由库提供的跳转方法，将用户导航到下一页
    // 这里使用React Router的Link组件实现跳转
    // to属性指定下一页的路径
    // 可以是一个字符串，也可以是一个对象，用于传递参数
    // 例如：to="/nextPage" 或 to={{ pathname: "/nextPage", search: "?id=123" }}
  };

  return (
    <div>
      <h1>首页</h1>
      <button onClick={handleButtonClick}>跳转到下一页</button>
      {/* 或者使用Link组件 */}
      {/* <Link to="/nextPage">跳转到下一页</Link> */}
    </div>
  );
};

export default HomePage;