Código:

 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> ... );

};

Resultado :

• Abrió Modal y hizo clic en la opción de inglés: Funcionó bien
• Al seleccionar la opción de inglés y seleccionar la opción de Corea con la ventana modal abierta: Funcionó bien
• Cuando el idioma es inglés, abra el modal y haga clic en Corea: No funciona

Desear :

• Cuando el usuario hace clic en cualquier opción, funciona de inmediato. Quiero resolver bien este problema para seleccionar la opción de Corea.