Version: 4.xx.xx
useSetLocale
If you need to change the locale at runtime, refine provides the useSetLocale
hook, It returns the changeLocale method from i18nProvider
under the hood.
Usage​
You can use the features of your own i18n library to change the locale in your own components.
import { useSetLocale } from "@refinedev/core";
export const LanguageSwicher = () => {
const changeLanguage = useSetLocale();
return (
<div>
<span>Languages</span>
<button onClick={() => changeLanguage("en")}>English</button>
<button onClick={() => changeLanguage("es")}>Spanish</button>
</div>
);
};
caution
This hook can only be used if i18nProvider
is provided.