From 85f25a38aebbb3bd527625882b7cc58f028792da Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Fri, 22 Jul 2022 16:49:30 +0800
Subject: [PATCH] fix select default language

---
 web/src/component/Manage.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/src/component/Manage.js b/web/src/component/Manage.js
index 6aea074..bfdf33c 100644
--- a/web/src/component/Manage.js
+++ b/web/src/component/Manage.js
@@ -7,7 +7,6 @@ import { useContext } from "react";
 function Manage(props) {
   let navigate = useNavigate();
   const { langCode, setLangCode } = useContext(langCodeContext);
-  const codes = Object.keys(LANG_OPTIONS);
 
   return (
     <div className="page">
@@ -17,13 +16,18 @@ function Manage(props) {
       </p>
 
       <select
+        value={langCode}
         onChange={(event) => {
-          setLangCode(codes[event.target.selectedIndex]);
+          setLangCode(event.target.value);
         }}
       >
-        {codes.map((code) => {
+        {Object.keys(LANG_OPTIONS).map((code) => {
           const langOption = LANG_OPTIONS[code];
-          return <option key={code}>{langOption.name}</option>;
+          return (
+            <option value={code} key={code}>
+              {langOption.name}
+            </option>
+          );
         })}
       </select>