React의 기본값
때로는 입력 필드에 이미 어떤 값이 기본으로 설정되어 있기를 원할 수 있습니다. 이때 상태에서 입력 필드의 초기값만 가져와야 하며, 입력 필드 자체가 이 상태에 바인딩되어서는 안 됩니다.
이러한 문제를 해결하려면
defaultValue 속성을 사용해야 합니다:
function App() {
const [value, setValue] = useState('text');
return <div>
<input defaultValue={value} />
</div>;
}
체크박스의 경우 유사한 속성인
defaultChecked가 있으며, 이를 통해 초기 상태를 설정할 수 있습니다:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
이러한 속성들의 동작을 직접 시험해 보십시오.
