목록제어컴포넌트 (1)

프론트엔드 첫걸음

input된 데이터 양방향 바인딩 또는 UseRef

useState 사용하여 입력된 데이터 관리하기 import React, { useState } from 'react'; import './ExpenseForm.css'; const ExpenseForm = (props) => { const [enteredTitle, setEnteredTitle] = useState(''); const titleChangeHandler = (event) => { setEnteredTitle(event.target.value); }; /**중략**/ return ( Title ); }; export default ExpenseForm; input 태그의 onChange 에 달려있는 titleChangeHandler로 title을 바꾼다. titleChangeHandler ..
개발 공부/React 2022. 7. 20. 16:21
이전 Prev 1 Next 다음