dropdown 질문드립니다.

쎈세요 form태그안에서 폼 데이터 전송놀이를하고있는데

selcet이 너무 안예쁜거에요 option은 css도 안먹고

그래서 부트스트랩에 Dropdown을 써봈는데요

혹시 그럼 select에서 value={} << 이거를 뭘로 하는건가요?

뭐를 사용해야 <form>태그를 submit할때 dropbox선택된 데이터도 같이 보내나욤

<form>

<dropbox />
<input>

이런구조입니다 ^_^ 살려주십쇼

<div className="dropdown-container">
<Dropdown
isOpen={isOpen}
toggle={() => setIsOpen(!isOpen)}
className="my-dropdown"
>
<DropdownToggle id="dropdown-item-button" className="dropdown-toggle">
{planName || "원하시는 놀이를 선택해주세요"}
< img src="/image/pc/Dropdown/down.svg" className="drop-down"></img>
</DropdownToggle>
<DropdownMenu>
<Dropdown.Item
onClick={() =>
handlePlanSelectDropdown("축구)")
}
>
친구비(월 3만원)
</Dropdown.Item>
<Dropdown.Item
onClick={() => handlePlanSelectDropdown("농구")}
>
친구비2(월 5만원부터)
</Dropdown.Item>
<Dropdown.Item
onClick={() => handlePlanSelectDropdown("배구)")}
>
친구비3(주 10만원부터)
</Dropdown.Item>
</DropdownMenu>
</Dropdown>
</div>