[React] selected option name 가져오기

*React에서 option 이름 값 가져오기

e.target.options[e.target.selectedIndex].text

 

*예시

function Test(){
    const [optionName, setOptionName] = useState<string>();

     function seleted(e: React.ChangeEvent<HTMLSelectElement>){
        setOptionName(e.target.options[e.target.selectedIndex].text)
     }
    return (
        <select onChange={seleted}>
        	{data.map((i) => (
                <option key={i.key} value={i.value}>
                    {i.name}
                </option>
            )}
        </select>
    )
}

 

*참고사이트 

https://stackoverflow.com/questions/30306486/get-selected-option-text-using-react-js