Code :
const Home = () => {
const location = useLocation();
const [lang, setLang] = useState((location.state === undefined)?"KorService":location.state.lang);
const tmp = (lang === "KorService")
? [//Kor Ver]
: [//Eng Ver];
...
const selectLang = (e) => {
setLang(e.target.value)
}
...
return (
<div>
<div className="header">
<h1>{tmp[0]}</h1>
<React.Fragment>
<button className="lang" onClick={openModal}>Aa</button>
<Modal open={modalOpen} close={closeModal} header={tmp[1]}>
<select className="langoption" onChange={selectLang}>
<option value="KorService">한국어</option>
<option value="EngService">English</option>
</select>
</Modal>
</React.Fragment>
</div>
...
);
};
Result :
Want :