javascript - 为什么这个选择标签在反应中不能正常工作？

Question

代码 ：

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">한국어&lt;/option>
                        <option value="EngService">English</option>
                    </select>
                </Modal>
            </React.Fragment>
        </div>
       ...
);

};

结果 ：

• 打开模态并单击英语选项：运行良好
• 在打开模式窗口的情况下选择英语选项并选择韩国选项时：效果很好
• 当 lang 是英文时，打开模式点击韩国：不工作

想 ：

• 当用户单击任何选项时，它会立即运行。我想很好地解决这个问题到选定的韩国选项

标签： javascriptreactjsselectreact-hooksuse-state