रिएक्ट में डिफ़ॉल्ट मान

कभी-कभी ऐसी आवश्यकता हो सकती है कि इनपुट में डिफ़ॉल्ट रूप से कोई मान पहले से ही मौजूद हो। साथ ही यह आवश्यक है कि स्टेट से केवल इनपुट का प्रारंभिक मान लिया जाए, और इनपुट स्वयं इस स्टेट से बंधा न हो।

ऐसे कार्य को हल करने के लिए 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>;
}