App.js获取url参数并发送到routes/index.js

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

function App() {
  const sendParamsToIndex = (params) => {
    // 发送参数到routes/index.js的处理函数
    fetch('/api/sendParams', {
      method: 'POST',
      body: JSON.stringify(params),
      headers: {
        'Content-Type': 'application/json'
      }
    })
    .then(response => response.json())
    .then(data => {
      // 处理返回的数据
      console.log(data);
    })
    .catch(error => {
      console.error('Error:', error);
    });
  };

  const getParamsFromURL = () => {
    const searchParams = new URLSearchParams(window.location.search);
    const params = {};

    for (let [key, value] of searchParams) {
      params[key] = value;
    }

    sendParamsToIndex(params);
  };

  // 在组件挂载后获取URL参数并发送到routes/index.js
  React.useEffect(() => {
    getParamsFromURL();
  }, []);

  return (
    <Router>
      <Switch>
        {/* 定义其他路由 */}
      </Switch>
    </Router>
  );
}

export default App;