Dropdown - FE14-Part4-Team5/reser-on-do GitHub Wiki

Dropdown

λ“œλ‘­λ‹€μš΄ 곡톡 μ»΄ν¬λ„ŒνŠΈμž…λ‹ˆλ‹€.

βœ… Props

interface DropdownProps {
  label: string;
  options: string[];
  onSelect: (value: string) => void;
}

πŸ”„ λ™μž‘ 방식

  • 비ꡐ적 κ°„λ‹¨ν•œ props μ „λ‹¬λ‘œ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • labelκ³Ό λ°°μ—΄ νƒ€μž…μ˜ options(λ„˜κ²¨μ€„ listλ“€μ˜ κ°’), onSelect(listμ—μ„œ labelκ°’μœΌλ‘œ λ°”κΎΈκΈ° μœ„ν•œ ν•¨μˆ˜)λ₯Ό ν™œμš©ν•΄μ£Όμ„Έμš”.

🧾 μ‚¬μš© μ˜ˆμ‹œ

ν™”λ©΄ λ…Ήν™” 쀑 2025-06-02 084229

  const handleSelect = (value: string) => {
    console.log('μ„ νƒλœ κ°’:', value);
  };

  return (
    <div style={{ padding: '20px' }}>
      <Dropdown label="가격" options={['β‚©10,000', 'β‚©20,000', 'β‚©30,000']} onSelect={handleSelect} />
    </div>
  );
};
/>
⚠️ **GitHub.com Fallback** ⚠️