将值从视图传递到另一个视图

// 在第一个视图中
import { useHistory } from 'react-router-dom';

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

  const handleClick = () => {
    history.push('/second-view?value=example');
  };

  return (
    <button onClick={handleClick}>Go to Second View</button>
  );
}

// 在第二个视图中
import { useLocation } from 'react-router-dom';

function SecondView() {
  const location = useLocation();
  const searchParams = new URLSearchParams(location.search);
  const value = searchParams.get('value');

  return (
    <div>Value from First View: {value}</div>
  );
}

// 在第一个视图中
localStorage.setItem('myValue', 'example');

// 在第二个视图中
const value = localStorage.getItem('myValue');
console.log(value); // 输出: example

// 定义reducer
const initialState = { value: '' };

function reducer(state = initialState, action) {
  switch (action.type) {
    case 'SET_VALUE':
      return { ...state, value: action.payload };
    default:
      return state;
  }
}

// 在第一个视图中
store.dispatch({ type: 'SET_VALUE', payload: 'example' });

// 在第二个视图中
const value = store.getState().value;
console.log(value); // 输出: example