React'ta Varsayılan Değerler

Bazen bir input alanında varsayılan olarak zaten bir değer olmasını isteyebilirsiniz. Aynı zamanda, input'un başlangıç değerini state'den alması, ancak input'un bu state'e bağlı olmaması gerekir.

Böyle bir görevi çözmek için defaultValue niteliğini kullanmanız gerekir:

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

Onay kutuları için, başlangıç değerini ayarlamak için kullanabileceğiniz benzer bir defaultChecked niteliği vardır:

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