首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在我的API响应体中有一个名为"locale“的属性在某些浏览器中被覆盖。

在我的API响应体中有一个名为"locale“的属性在某些浏览器中被覆盖。
EN

Stack Overflow用户
提问于 2021-02-16 14:53:16
回答 1查看 54关注 0票数 1

我在它的响应主体中有一个返回这种有效负载的API:

代码语言:javascript
代码运行次数:0
运行
复制
{ "id": 1, "name": [{ "locale": "en", "value": "example" }] }

我在React应用程序中使用以下代码调用这个API:

代码语言:javascript
代码运行次数:0
运行
复制
async function getAsync(url) {
  return fetch(url, {
    method: "GET",
    mode: "cors",
    credentials: "include",
    headers: {
      ...commonHeaders, // Just for auth
    },
  })
}

async function getResponse() {
  const url = `...` // API url
  let res
  try {
    res = await getAsync(url)
    switch (res.status) {
      case 200:
        const resBody = await res.json()
        return Promise.resolve(resBody)
      ...
      default:
        return Promise.reject(new GenericError())
    }
  } catch (err) {
    return Promise.reject(new GenericError())
  }
}

问题是:当我在控制台JSON.stringify(resBody)中打印时,我得到了正确的有效负载(当然是JSON字符串),但是如果我打印resBody,它的属性name.locale有我的地区("it")而不是"en"!

为什么会这样?这是怎么回事??

这种情况发生在Firefox (85.0.2)和Chrome (88.0.4324.150)中,而Safari (14.0.2)则不然。

EN

回答 1

Stack Overflow用户

发布于 2021-02-16 17:51:59

我已经找到原因了!这是在我的UI中一个完全不同的异步函数中出现的一个不良副作用,这是由这些非常错误的比较引起的(请注意,=使用而不是===):

代码语言:javascript
代码运行次数:0
运行
复制
{
  name_en: name.filter(item => item.locale = "en").value || "",
  name_it: name.filter(item => item.locale = "it").value || "",
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66226697

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档