如何解决从 React 中的 Cookies 获取电话号码前缀
import Cookies from 'js-cookie';
const iso = Cookies.get('CK_ISO_CODE');
console.log(iso); // -> 'us'
有没有办法获取电话前缀?
例如,对于美国来说应该是 +1,对于法国来说应该是 +33 等等。
解决方法
你会想要使用这个 npm 包:https://www.npmjs.com/package/world-countries
首先这是一个在片段中起作用的示例。我们必须获取 JSON 文件,以便 eventListener 是异步的,但如果您使用 npm 包(下一个示例),它就不必是异步的。
document.querySelector("#load-prefix").addEventListener("click",async () => {
const world = await fetch(`https://cdn.jsdelivr.net/npm/world-countries@4.0.0/countries.json`).then(res => res.json())
const iso = document.querySelector("#iso").value;
const country = world.find(({cca2}) => cca2.toLowerCase() === iso.toLowerCase());
const phonePrefixStart = country ? country.idd.root : "unknown";
const phonePrefixEnd = country ? (country.idd.suffixes.length === 1 ? country.idd.suffixes[0] : "") : "";
const phonePrefix = phonePrefixStart + phonePrefixEnd;
document.querySelector("#output").innerText = phonePrefix;
});
<input placeholder="iso code" id="iso" />
<button id="load-prefix">Get Phone Prefix</button>
<p id="output"></p>
使用 npm 包,它看起来像这样。 (此示例不起作用,因为 Stack Snippets 不包含模块捆绑器)
const world = require('world-countries')
// or
import world from "world-countries";
document.querySelector("#load-prefix").addEventListener("click",() => {
const iso = document.querySelector("#iso").value;
const country = world.find(({cca2}) => cca2.toLowerCase() === iso.toLowerCase());
const phonePrefixStart = country ? country.idd.root : "unknown";
const phonePrefixEnd = country ? (country.idd.suffixes.length === 1 ? country.idd.suffixes[0] : "") : "";
const phonePrefix = phonePrefixStart + phonePrefixEnd;
document.querySelector("#output").innerText = phonePrefix;
});
<input placeholder="iso code" id="iso" />
<button id="load-prefix">Get Phone Prefix</button>
<p id="output"></p>
回到你的问题,它看起来像这样:
import Cookies from 'js-cookie';
import world from "world-countries";
const iso = Cookies.get('CK_ISO_CODE');
console.log(iso); // -> 'us'
const country = world.find(({cca2}) => cca2.toLowerCase() === iso.toLowerCase());
const phonePrefixStart = country ? country.idd.root : "unknown";
const phonePrefixEnd = country ? (country.idd.suffixes.length === 1 ? country.idd.suffixes[0] : "") : "";
const phonePrefix = phonePrefixStart + phonePrefixEnd;
console.log(phonePrefix); // -> '+1'
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。