防止使用react usestate钩子为每个setstate重新呈现

const [count, setCount] = useState(0);

const increment = () => {
  setCount(prevCount => prevCount + 1);
};

const initialState = { count: 0 };

const reducer = (state, action) => {
  switch (action.type) {
    case 'increment':
      return { count: state.count + 1 };
    default:
      return state;
  }
};

const [state, dispatch] = useReducer(reducer, initialState);

const increment = () => {
  dispatch({ type: 'increment' });
};

const [count, setCount] = useState(0);

const memoizedValue = useMemo(() => {
  // 根据count进行复杂计算
  return complexCalculation(count);
}, [count]);

// 在其他组件中使用memoizedValue