【URLSearchParams】优雅的切换站点的多语言

最新推荐文章于 2024-07-25 09:24:40 发布

thinkasany

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量91

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/daddykei/article/details/137750052

版权

const langMenu = {
    'de': 'Deutsch',
    'en-US': 'english',
    'es': 'español',
    'fr': 'Français',
    'ru': 'Русский',
    'pt': 'portugues',
    'zh-CN': '简体中文',
    'zh-TW': '繁體中文',
}
{/* <Menu>
{Object.keys(langMenu).map(lang => {
  return (
    <Menu.Item key={lang} style={{ width: 140, textAlign: 'center' }} onClick={() => {this.setState({ shareLink: newUrl(shareLink, lang) })}}>
      {langMenu[lang]}
    </Menu.Item>
  )
})}
</Menu> */}
const newUrl = (url, newLang) => {
  const urlObj = new URL(url);
  const searchParams = new URLSearchParams(urlObj.search);
  if (newLang) {
    searchParams.set("lang", newLang);
  } else if (searchParams.has("lang")) {
    searchParams.delete("lang");
  }
  urlObj.search = searchParams.toString();
  return urlObj.href;
};
const res = newUrl("http://xxlb.site/", "pt"); //http://xxlb.site/?lang=pt
console.log(res);
const res2 = newUrl("http://xxlb.site/?lang=zh", "es"); //http://xxlb.site/?lang=es
console.log(res2);