js页面传值方式

// 传递数据
window.location.href = "targetPage.html?param1=value1&param2=value2";

// 接收数据
const urlParams = new URLSearchParams(window.location.search);
const param1 = urlParams.get('param1');
const param2 = urlParams.get('param2');

// 存储数据
localStorage.setItem('key', 'value');

// 读取数据
const value = localStorage.getItem('key');

// 删除数据
localStorage.removeItem('key');

// 存储数据
sessionStorage.setItem('key', 'value');

// 读取数据
const value = sessionStorage.getItem('key');

// 删除数据
sessionStorage.removeItem('key');

// 设置cookie
document.cookie = "key=value; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";

// 读取cookie
const cookies = document.cookie.split(';').map(cookie => cookie.trim());
const value = cookies.find(cookie => cookie.startsWith('key=')).split('=')[1];

// 删除cookie
document.cookie = "key=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";

// 发送消息
window.parent.postMessage({ key: 'value' }, '*');

// 接收消息
window.addEventListener('message', event => {
  const data = event.data;
  console.log(data);
});

// store.js
import { createStore } from 'redux';

const initialState = { value: 0 };
function reducer(state = initialState, action) {
  switch (action.type) {
    case 'INCREMENT':
      return { value: state.value + 1 };
    default:
      return state;
  }
}

const store = createStore(reducer);

// 在组件中使用
import { useSelector, useDispatch } from 'react-redux';

function Counter() {
  const value = useSelector(state => state.value);
  const dispatch = useDispatch();

  return (
    <div>
      <p>{value}</p>
      <button onClick={() => dispatch({ type: 'INCREMENT' })}>Increment</button>
    </div>
  );
}