reactjs - 如何通过钩子编写 onChange 事件？

Question

我想通过 Hooks 注册事件 onChange

const { i18n } = useTranslation();
const [locale, setLocale] = useState('en')
const handleChange = (lang) => {
    setLocale(lang)
    i18n.changeLanguage(lang);
}

尝试使用select但最终选择了Switch

``return (
    <div className={styles.wrapper}>
        <div className={styles.switchBorder}>
           <Switch className={styles.switch} checkedChildren="EN" unCheckedChildren="RU"
                checked={locale} onChange={(e) => handleChange(e.target.checked)}
            />
        </div>
    </div>
)``

标签： reactjsswitch-statementreact-hooksonchangei18next

Answer 1

const handleChange = ({currentTarget}) => {
const {checked: lang} = currentTarget;
setLocale(lang)
i18n.changeLanguage(lang);}

onChange={handleChange}