Roinneann na trí cinn loighic idir chomhpháirteanna, ach d'évolaide siad thar thréimhse ama agus is iad custom hooks an réamhshocrú nua-aimseartha do loighic a roinnt.
Feidhm a thógann comhpháirt agus ceann feabhsaithe ar ais:
= => {
user = ();
user ? : ;
};
= ();
Míbhuntáistí: foluain cumaisc ("wrapper hell" san strom), tuairimí ar ainmneacha a fholuain, agus níl sé soiléir cé as a thagann props insteallta.
Tógann comhpháirt feidhm ina leanbh chun stáit a roinnt:
<Mouse>{({ x, y }) => <Cursor x={x} y={y} />}</Mouse>
Fúilantach, ach nuair a bhíonn roinnt páirteanna render-prop nite, cruthaíonn sé "pirimid ghlao."
Bain an loighic stáit amach i bhfeidhm useX — gan foluain strom bhreise, sreabhadh sonraí soiléir:
function useMouse() {
const [pos, setPos] = useState({ x: 0, y: 0 });
useEffect(() => { /* attach listener, cleanup */ }, []);
return pos;
}
function Component() {
const { x, y } = useMouse(); // clear, flat, composable
}
children/páirteanna).