数据深层传递

export default function App(): JSX.Element {
  return <h1>Hello world</h1>
}

Open Sandbox

ReactDOM.createRoot(document.getElementById('root')!).render(
  <ThemeProvider>
    <ThemeContext.Consumer>
      {({ theme }) => (
        <ConfigProvider
          theme={{
            algorithm: [theme]
          }}
        >
          <App></App>
        </ConfigProvider>
      )}
    </ThemeContext.Consumer>
  </ThemeProvider>
)

Ref 的使用延迟更新