小编Pau*_*aul的帖子

如何处理异步/等待获取API中的错误404

如果没有数据,有没有发现错误的机会?我收到错误404,但无法通过console.log例如...

class App extends React.Component{
  getWeather = async (e) => {
    e.preventDefault();

    const city = e.target.elements.city.value;
    const country = e.target.elements.country.value;

    const api_call = await fetch(`http://api.openweathermap.org/data/2.5/weather?q=${city},${country}&appid=${API_KEY}&units=metric`);

    const data = await api_call.json();

    console.log(data);
  }
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

来自浏览器的图像错误

javascript async-await reactjs fetch-api

5
推荐指数
2
解决办法
2239
查看次数

有什么方法可以使对象中键的存在依赖于外部值吗?

我想根据标志值在对象中设置一些键

例如

const ourFlag = true //true or false depends on case

const ourObject = {
  name: 'Pablo',
  secondName: 'Picasso',
  [ourFlag && 'age']: 20,
  [ourFlag && 'moreComplexValue']: [
    {
      val: true
    },
    {
      val: false
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

只要ourFlag设置为true一切都按我的预期工作,但是当我改变它的价值时,false一些奇怪的事情开始出现。

财产age不再存在 - 很好,但财产moreComplexValue现在存在false

当标志为:时我得到的代码false

{
  name: 'Pablo',
  secondName: 'Picasso',
            // age disappear as I expected
  false: [  //why!?!
    {
      val: true
    },
    {
      val: false
    }
  ]
} …
Run Code Online (Sandbox Code Playgroud)

javascript key object ecmascript-6 computed-properties

1
推荐指数
1
解决办法
319
查看次数