提示：记录工作中遇到的需求及解决办法

---

前言

React 19 正式发布，新功能看下面这张图就欧了：👇

除了 RSC 等新功能，React 官方博客¹ 还分享了基于旧版的 DX（开发体验）优化和其他改进。

---

提示：以下是本篇文章正文内容，下面案例可供参考

01. ref 作为 prop

React 19 可以访问 ref 作为函数组件的 prop：

function MyInput({placeholder, ref}) {return <input placeholder={placeholder}    ref={ref} />
}<MyInput ref={ref} />

新版函数组件不再需要 forwardRef。

⛔ 注意，传递给类的 refs 不会作为 props 传递，因为它们引用了组件实例。

02. Context 作为 provider

React 19 可以把 <Context> 渲染为 provider，而不是 <Context.Provider>：

const ThemeContext = createContext('');function App({children}) {return (<ThemeContext value="dark">{children}</ThemeContext>);  
}

新的 Context provider 可以使用