Լռելյայն արժեքները 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>;
}