front-end
[react] 타입스크립트에서 state 사용하기
이번에는 타입 스크립트와 State에 대해 알아보자. 아래 예제를 한번 보자. const GuestList: React.FC = () => { const [name, setName] = useState(""); const [guests, setGuests] = useState([]); const onClick = () => { setName(""); setGuests([...guests, name]); }; return ( Guest List setName(e.target.value)} /> Add Guest ); }; 이 컴포넌트는 name과 guests를 state로 가지며 Add Guest 버튼을 클릭하면 guests에 추가하는 기능을 하는 컴포넌트이다. (여기서 Guest 출력 기능은 포함되지 않..
2024. 3. 1. 20:23