js 传递url

// 设置URL并传递查询参数
const params = new URLSearchParams({ q: 'javascript', page: 1 });
window.location.href = `https://example.com/search?${params.toString()}`;

// 获取URL中的查询参数
const urlParams = new URLSearchParams(window.location.search);
const q = urlParams.get('q');
const page = urlParams.get('page');

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

function App() {
  return (
    <Router>
      <Link to="/user/123">Go to User 123</Link>
      <Route path="/user/:id" component={User} />
    </Router>
  );
}

function User({ match }) {
  const userId = match.params.id;
  return <div>User ID: {userId}</div>;
}

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

function NavigateWithState() {
  const history = useHistory();

  const handleClick = () => {
    history.push('/destination', { from: 'source' });
  };

  return <button onClick={handleClick}>Go to Destination</button>;
}

function Destination() {
  const location = useLocation();
  const state = location.state;
  return <div>From: {state.from}</div>;
}