ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

reactive - 东方不败-

2026/8/15 14:22:58 拓冰建站 浏览量
reactive - 东方不败-

一、跨层级传递

import { useContext, createContext, useState } from "react"const msgContext = createContext()
function A(){const m = useContext(msgContext)return (<div>A-{m}<B></B></div>
  )
}
function B(){const m = useContext(msgContext)return (<div>B-{m}</div>
  )
}function App(){const message = 'my name is msg'return (<div><msgContext.Provider value={message}><A ></A></msgContext.Provider>  </div>
  )
}export default App