Duku gida suna raba ilhami tsakanin bangare, amma suka haɓaka a lokaci gida kuma custom hooks sune sabon mahidi don raba ilhami.
Aikin da ke karɓar bangare kuma ya dawo da wanda aka inganta:
= => {
user = ();
user ? : ;
};
= ();
Rashin amfani: kumbar kumba ("wrapper hell" cikin bishiya), taruwar sunan ƙaba, da waɗanda aka toshe ƙaba bâ a sani ba inda aka fito.
Bangare yana karɓar aikin a matsayinta a matsayinta don raba jiyi:
<Mouse>{({ x, y }) => <Cursor x={x} y={y} />}</Mouse>
Maɗaukaki, amma tumbura da yawa na sarrafa-ƙaba suna haifar da "piramid melem."
Cire ilhamin da ke da jiyi a useX aiki — babu ƙara kumbar bishiya, bayyananniyar kwatancin bayanai:
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/bangare).