ব্যবহারের প্রতিক্রিয়া গভীরতা / ব্যবহারের ব্যবহারের প্রভাব?

Question

আমি useEffectগভীরভাবে হুক বুঝতে চেষ্টা করছি ।

আমি কখন কোন পদ্ধতিটি ব্যবহার করব এবং কেন জানতে চাই?

1.useEffect with no second paraments
 useEffect(()=>{})

2.useEffect with second paraments as []
  useEffect(()=>{},[])

3.useEffect with some arguments passed in the second parameter
 useEffect(()=>{},[arg])

Comments

1. মাউন্ট এবং প্রতিটি নির্ভরতা আপডেট (যে কোনও রাষ্ট্র / প্রপস পরিবর্তন) এ আহ্বান জানানো হচ্ছে। ২. কেবলমাত্র মাউন্ট এ কল করা হয়েছে কারণ আপনি খালি নির্ভরতার তালিকাটি নির্দিষ্ট করেছেন। ৩.

— মাউন্টতে

ড্যান আব্রামভ ব্যবহারের প্রভাব সম্পর্কে একটি দুর্দান্ত ব্লগ পোস্ট লিখেছেন: overreacted.io/a-complete-guide-to-useeffect । আপনি এটি পড়তে হবে ;-)

— rphonika

Answer 1

useEffect(callback)

রান প্রত্যেক উপর উপাদান রেন্ডার।

ডিবাগিংয়ের জন্য সাধারণত ব্যবহৃত হয়, প্রতিটি রেন্ডারে ফাংশনটির বডি এক্সিকিউশন অনুসারে:

const Component = () => {
  callback()
  return <></>;
};

---

useEffect(callback,[])

রান একবার একটি উপাদান মাউন্ট।

সাধারণত ডেটা আনয়ন ইত্যাদির মাধ্যমে উপাদান স্টেট শুরু করার জন্য ব্যবহৃত হয় Usually

দ্রষ্টব্য : কলব্যাকটি রেন্ডার পর্বের পরে কার্যকর করা হয়েছিল (পরিচিত "গোটচা")।

---

useEffect(callback,[arg])

রান পরিবর্তনের উপর এর argমান।

"অন চেঞ্জ" বলতে পূর্বের মানটির সাথে অগভীর তুলনা বোঝায় arg( argপূর্ববর্তী রেন্ডার এবং বর্তমানের মানটির সাথে তুলনা করে prevArg === arg ? Do nothing : callback())।

সাধারণত প্রপস / রাজ্য পরিবর্তনে ইভেন্ট চালাতে ব্যবহৃত হয় used

দ্রষ্টব্য: একাধিক নির্ভরশীলতা সরবরাহ করা যেতে পারে: [arg1,arg2,arg3...]

---

• useEffectড্যান আব্রামভের একটি সম্পূর্ণ গাইড
• useEffectএপিআই ।
• প্রভাব হুক ব্যবহার করে - দস্তাবেজ প্রতিক্রিয়া জানায় ।

Answer 2

আপনি যদি প্রতিক্রিয়া শ্রেণীর জীবনচক্র পদ্ধতিগুলির সাথে পরিচিত হন তবে আপনি ব্যবহারের প্রভাবকে হুকটিকে উপাদান উপাদান ডেডমাউন্ট, উপাদান ডিডআপডেট এবং উপাদানবিচ্ছিন্নউমাউন্ট সমন্বিত হিসাবে ভাবতে পারেন।

১. দ্বিতীয় কোনও প্যারামেন্টের সাথে প্রভাব রাখুন: উপাদানটি সবেমাত্র যখন মাউন্ট করা হয় তখনই আমরা কিছু ঘটতে চাইলে বা এটি আপডেট হয়ে থাকে তখন এটি ব্যবহার করা হয়। ধারণামূলকভাবে, আমরা এটি প্রতিটি রেন্ডারের পরে ঘটতে চাই।

২. [দ্বিতীয়] প্যারামেন্টগুলির সাথে [] হিসাবে প্রভাব ফেলুন: উপাদানটি মাউন্ট করার সময় আমরা যখন কিছু ঘটতে চাই তখন এটি ব্যবহৃত হয়, যদি কেবল মাউন্টিংয়ের সময় একবার সম্পাদন করা হয় t এটি পরিচিত উপাদানডিডমাউন্ট এবং উপাদান উইলউনমাউন্টের কাছাকাছি।

৩. দ্বিতীয় প্যারামিটারে কিছু আর্গুমেন্ট দিয়ে প্রভাবিত করুন: প্রামটার যেমন পাস করার সময় আমরা কিছু ঘটতে চাইলে এটি ব্যবহার করা হয় eg আপনার ক্ষেত্রে আরগগুলি পরিবর্তন হয়েছে।

আরও তথ্যের জন্য. এখানে চেক করুন: https://reactjs.org/docs/hooks-effect.html

Answer 3

৩. দ্বিতীয় প্যারামিটার ব্যবহারে প্রভাব (())>> {}, [আর্গ]) পাস হওয়া কিছু যুক্তি দিয়ে প্রভাব করুন

এটি প্রথমে চলবে তবে আরগ পরিবর্তন হলে এটি আবার চলবে

আপনার ব্যবহারের প্রভাবের অভ্যন্তরে ফিরে আসা সম্পর্কে কী জিজ্ঞাসা করতে ভুলবেন না ... ক্লিনআপের জন্য এর ব্যবহারগুলি যখন উপাদানটি বরখাস্ত হয় তখন এটি চলবে