Javascript 如何使用ReactJS从开关按钮镜像状态？

我仍然是ReactJS的初学者，我需要在我的应用程序中镜像我的开关按钮

我的切换按钮更改了应用程序中的语言，我在页面的页眉和页脚中都有相同的按钮

当我从站点更改语言时，另一个按钮不会同时更改，例如，如果我在页眉组件中单击以更改语言，则页脚中的按钮保持不变

我把这个例子放到

你能告诉我如何修理按钮吗

导入“/styles.scss”；
从“/providers/i18n”导入{I18nProvider}”；
从“/components/ToggleLanguage/ToggleLanguage.js”导入ToggleLanguage；
导出默认函数App（）{
返回(
示例标题
示例页脚
);
}

只需使用您的状态控制复选框即可<代码>选中={state.siteLang==='en'}

从“React”导入React；
导入“/ToggleLanguage.scss”；
//提供者
从“../../providers/app”导入{AppContext}；
从“./../utils/localStorage”导入{saveToStorage}”；
常量切换语言=（）=>{
const{state，dispatch}=React.useContext（AppContext）；
const onToggleSiteLang=（siteLang）=>（）=>{
调度（{type:“setLang”，siteLang}）；
saveToStorage（“siteLang”，siteLang）；
};
返回(
onToggleSiteLang（state.siteLang）}
className=“切换复选框”
type=“复选框”
选中={state.siteLang==='en'}
/>
PT
EN
);
};
导出默认切换语言

另外，

onToggleSiteLang

正在返回另一个函数，因此您只需传入input

onChange={onToggleSiteLang}

并只传入

状态。siteLang

将使其保持相同的值，您需要切换值

state.siteLang==“PT”？“恩”：“PT”

这对我很有用，哈西巴，谢谢！！！