يسمح لك الـ Effect Hook بتنفيذ تأثيرات جانبية في حياة المكون الخاص بك.
يمكنك التفكير في useEffect وكأنها عبارة عن componentDidMount + componentDidUpdate .componentWillUnmount
الشكل الحالي للـ API الخاص بـ useEffect هو كالآتي:
useEffect(didUpdate);
يمكنك أيضاً تصميم الـ componentDidMount عن طريق إعطاء الدالة useEffect متغيير بعد didUpdate وهو عبارة عن Array. إذا تغيرت أي قيمة بداخل هذا الـ Array، ستقوم useEffect بعمل نفس تأثير componentDidMount. يمكن أن يكون الـ Array فارغ أيضاً لعمل نفس التأثير.
useEffect(() => {
// Component Did Mount
}, []);