Реактта әдепкі мәндер

Кейде инпутта әдепкі бір мән болуы қажет болуы мүмкін. Сонымен бірге стейттен тек инпуттың бастапқы мәні алынып, инпуттың өзі осы стейтке байланысты болмауы керек.

Мұндай мәселені шешу үшін defaultValue атрибутын пайдалану керек:

jsxfunction App() {
  const [value, setValue] = useState('мәтін');
  
  return <div>
    <input defaultValue={value} />
  </div>;
}

Чекбокстар үшін осыған ұқсас defaultChecked атрибуты бар, оның көмегімен бастапқыны белгілеуге болады:

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