React 최적화1 리액트 여러 Input 상태 관리하기: 한 번에 관리 vs 각각 관리 React에서 여러 input 필드를 다루려면, 각 필드를 상태 변수에 연결하고, 공통의 이벤트 핸들러를 사용할 수 있습니다. 아래는 함수형 컴포넌트에서 useState를 사용해서 여러 input 필드를 관리하는 방법입니다. import React, { useState } from 'react'; const MyForm = () => { const [form, setForm] = useState({ name: '', age: '', email: '', }); const handleChange = (e) => { setForm({ ...form, [e.target.name]: e.target.value, }); }; const handleSubmit = (e) => { e.preventDefault(); .. 2023. 6. 26. 이전 1 다음 LIST