如何解决React中props层级过深的问题？

【概念释义】

Props 层级过深（prop drilling） 指中间层只转发 props、不使用的「隧道」组件。解决：Context（中低频全局）、组合（children/slots）、状态提升 + 精简接口、Zustand/Redux、React Query 直接在被需组件读数据。不必消除所有 props——1～2 层显式 props 最清晰。

【基础使用】

const ThemeContext = createContext("light");

function App() {