React-এ ডিফল্ট মান

কখনও কখনও এমন প্রয়োজন হতে পারে যে ইনপুটে ডিফল্টভাবে কিছু মান থাকবে। একই সময়ে, এটি প্রয়োজনীয় যে শুধুমাত্র ইনপুটের প্রাথমিক মান স্টেট থেকে নেওয়া হবে, এবং ইনপুটটি এই স্টেটের সাথে আবদ্ধ হবে না।

এই ধরনের কাজ সমাধান করার জন্য, আপনাকে ব্যবহার করতে হবে defaultValue অ্যাট্রিবিউট:

jsxfunction App() {
  const [value, setValue] = useState('text');
  
  return <div>
    <input defaultValue={value} />
  </div>;
}

চেকবক্সের জন্য একটি অনুরূপ অ্যাট্রিবিউট বিদ্যমান defaultChecked, যার সাহায্যে প্রাথমিক মান নির্ধারণ করা যেতে পারে:

jsxfunction App() {
  const [checked, setChecked] = useState(true);
  
  return <div>
    <input type="checkbox" defaultChecked={checked} />
  </div>;
}