Cad é prop drilling agus conas a sheachaint tú é?

Question

Accepted Answer

**Prop drilling** an gníomh sonraí a roinnt trí go leor comhpháirteanna idirmheánacha nach n-úsáideann siad féin, díreach chun é a chur ar aghaidh go comhpháirt dhomhain neadaithe a bhíonn i ngan fhios duit. Tá sé tedious agus déanann sé comhpháirteanna go teann ceangailte do shonraí nach bhfuil iontu dúil. ## An fhadhb ```jsx // `user` is only needed by Avatar, but must pass through every layer function App() { const [user] = useState({ name: "Ann" }); return ; // App → Layout } function Layout({ user }) { return

; // Layout → Header (doesn't use it) } function Header({ user }) { return

; // Header → Nav (doesn't use it) } function Nav({ user }) { return ; // FINALLY used here } ``` Caithfidh `Layout`, `Header`, agus `Nav` go léir `user` a ghlacadh agus a chur ar aghaidh fiú mura n-úsáideann siad é — fuadrach, anfhalaingtheach (athraigh an prop agus eagraigh gach ciseal), agus ceangal comhpháirteanna gan bhaint dá chéile. ## Réiteach 1: Context (ionsuite) ```jsx const UserContext = createContext(null); function App() { const [user] = useState({ name: "Ann" }); return ( {/* provide once at the top */} {/* no user prop needed anywhere */} ); } function Avatar() { const user = useContext(UserContext); // consume directly, skip the middle return {user.name}

; } ``` Ligann Context d'aon dhescendant an luach a léamh go díreach, ag foluain na gciseal idirmheánacha. ## Réiteach 2 agus níos faide ```text ✓ Context API → for app-wide/subtree data (theme, user, locale) ✓ State libraries → Zustand/Redux/Jotai — components subscribe to the store directly ✓ Component composition → pass JSX as children instead of data through props ``` ```jsx // composition: let the parent compose the tree, passing the leaf directly ``` ## Ná corraigiú thar an bhfad ```text A little prop drilling (1–2 levels) is FINE and often clearer than adding Context. Reach for Context/stores when drilling becomes deep or widespread. ``` ## Cad chuige a bhfuil sé tábhachtach Is pointe pian choitianta é prop drilling a thugann le fios go bhfuil sonraí de dhíth go farsing — a aithint a insíonn duit cathain a bhaint úsáid as Context, leabharlann stáit, nó comhdhéanamh. A sheachaint (nuair atá sé i ndáiríre domhain) a choinneálann comhpháirteanna neamhfhreagrach agus intógála. Ach tá an bhreithiúnas tábhachtach: tá drilling fhánach inghlactha agus níos simplí ná abstracht roimh ama; is é an sprioc ná forwarding *domhain agus athraitheach* a bhaint, ní gach pas prop.