728x90 300x250 SMALL 2025/01/212 리액트에서 다중선택 select 옵션을 동적으로 표현 리액트에서 다중 선택이 가능한 요소는 multiple 속성을 사용하여 구현한다. 기본적인 다중선택 select 구현import React, { useState } from "react";function MultiSelectExample() { const [selectedOptions, setSelectedOptions] = useState([]); const handleChange = (event) => { const options = event.target.options; const selectedValues = []; for (let i = 0; i 다중 선택 셀렉트 박스 사과 바나나 체리 대추야자 .. 2025. 1. 21. React 드롭다운 메뉴 구현 : 선택된 값 표시하기 드롭다운 메뉴에서 사용자가 선택한 값을 추적하고 화면에 표시하는 React 예제코드설명1. useState로 상태 선언selected라는 상태 변수와 이를 업데이트하는 setSelected함수 생성2. onChange 이벤트 핸들러드롭다운 메뉴에서 선택된 값을 감지하고 상태를 업데이트3. 출력선택된 값이 태그에 즉시 반영 사용예제function SelectExample() { const [selected, setSelected] = useState("apple"); const handleChange = (e) => setSelected(e.target.value); return ( 사과 바나나 체리 선택된 과일: {sele.. 2025. 1. 21. 이전 1 다음 728x90 반응형 LIST