状态更改时，React上下文组件不会更新

import React, { createContext, useState, useContext } from 'react';

// 创建上下文
const MyContext = createContext();

// 上下文提供者组件
const MyContextProvider = ({ children }) => {
  const [count, setCount] = useState(0);

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

  return (
    <MyContext.Provider value={{ count, incrementCount }}>
      {children}
    </MyContext.Provider>
  );
};

// 使用上下文的组件
const MyComponent = () => {
  const { count, incrementCount } = useContext(MyContext);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={incrementCount}>Increment</button>
    </div>
  );
};

// 应用程序组件
const App = () => {
  return (
    <MyContextProvider>
      <MyComponent />
    </MyContextProvider>
  );
};

export default App;