๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

react select

 (1)
[ React / Select ] Select์˜ defaultValue ๋ฅผ state๋ฅผ ์ด์šฉํ•˜์—ฌ ๋™์  ๋ณ€๊ฒฝ ์‹œํ‚ค๊ธฐ. โ—๏ธ ์ด์Šˆ ๋ฐœ์ƒ React ํ”„๋กœ์ ํŠธ๋ฅผ ์ž‘์—… ์ค‘์— ๋ฐ์ดํ„ฐ ๋ฆฌ์ŠคํŠธ๋ฅผ state๋กœ ๊ด€๋ฆฌํ•ด์„œ ํ•„ํ„ฐ๋ง ์˜ต์…˜์„ ์„ ํƒํ•  ๋•Œ๋งˆ๋‹ค ๋ฐ์ดํ„ฐ ๋ฆฌ์ŠคํŠธ๋ฅผ ๋™์  ํ•„ํ„ฐ๋ง ๊ตฌ์กฐ๋กœ ์ž‘์—… ์ค‘์— ์ผ๋ฐ˜ ํ…์ŠคํŠธ ๋ฐ์ดํ„ฐ๋“ค์€ ๋™์  ํ•„ํ„ฐ๋ง ๊ธฐ๋Šฅ์ด ์ž˜ ์ ์šฉ๋˜๋Š”๋ฐ, Select์˜ defaultValue๋Š” ์ด์ „ ๋ฐ์ดํ„ฐ ๊ฐ’์„ ๊ฐ–๊ณ  ๋™์  ํ•„ํ„ฐ๋ง์ด ์ ์šฉ๋˜์ง€ ์•Š๋Š” ์ด์Šˆ๊ฐ€ ๋ฐœ์ƒํ•˜์˜€๋‹ค. ์˜ˆ์‹œ ์ฝ”๋“œ import React, {useState, useEffect} from 'react'; // UI Library๋Š” Antdesign์„ ์‚ฌ์šฉ. import { Select } from 'antd'; const { Option } = Select; const data = [ {name: "Lee", isStudent: false}, {name: "Kim", isStude..

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”