fix(react-refs): ref as a prop starting in React 19

sabertazimi · Dec 15, 2024 · 8a43fbc · 8a43fbc
1 parent 65b69a0
commit 8a43fbc
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/notes/Web/React/ReactBasicNotes.md b/notes/Web/React/ReactBasicNotes.md
@@ -794,6 +794,18 @@ const FancyButton = React.forwardRef<Ref, Props>(Button)
 export default FancyButton
 ```
 
+#### Prop Refs
+
+Starting in React 19, you can now access ref as a prop for function components:
+
+```tsx
+function MyInput({ placeholder, ref }) {
+  return <input placeholder={placeholder} ref={ref} />
+}
+
+<MyInput ref={ref} />
+```
+
 #### Callback Refs
 
 ```tsx