我正在嘗試在專案上應用 reactI18next，通常您要切換語言更改，您將創建一個按鈕，該按鈕將呼叫“changelanguage”函式，如下所示：
const changeLanguage = (lng) => {
i18n.changeLanguage(lng);
}
<button onClick={() => changeLanguage('en')}>en</button>
但是，我想知道是否有可能以下拉方式制作類似的東西。
有沒有辦法通過選擇或其他方式觸發 onClick？
謝謝，我希望很快能聽到你們的聲音！
uj5u.com熱心網友回復：
是的，這是可能的，您可以onChange在 Select 標簽上添加事件處理程式，例如
import { useState } from "react";
export default function App() {
const [lang , setLang] = useState('en')
function changeLanguage(event){
// i18n.changeLanguage(event.target.value)
setLang(event.target.value)
}
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<p>{lang}</p>
<select value={lang} onChange={changeLanguage}>
<option value="en">English</option>
<option value="fr">French</option>
</select>
</div>
);
}
uj5u.com熱心網友回復：
請試試這個
const [value, setValue] = React.useState('');
const changeLanguage = (event) => {
i18n.changeLanguage(event.target.value);
}
<select value={value} onChange={changeLanguage}>
<option value="en">English</option>
</select>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/529334.html
標籤：javascript反应反应钩子反应-i18next语言翻译