显示不存在的城市的错误消息？

Question

当用户输入一个不存在的城市时，我需要帮助来显示错误。该应用程序当前崩溃，但应显示“请输入现有城市”。任何人都可以帮忙吗？

需要帮助编写错误。例如，当用户输入一个不存在的城市时，应用程序不会崩溃，但它应该显示：请输入一个存在的城市。有人能帮忙吗？

import React, { Component } from "react";

import WeatherInput from "./WeatherInput";

const KEY = "455137f97981800c10482bbc6539fba2";

class Weather extends Component {

  constructor(props) {

    super(props);

    this.state = {

      city: "",

      country: "",

      temperature: "",

      main: "",

      description: "",

      error: ""

    };

  }

  getWeatherInfo = async event => {

    event.preventDefault();

    const city = event.target.elements.city.value;

    const country = event.value;

    const api = await fetch(

      `http://api.openweathermap.org/data/2.5/weather?q=${city},${country},uk&APPID=${KEY}`

    );

    const data = await api.json();

    if (city) {

      this.setState({

        city: data.name,

        country: data.sys.country,

        temperature: data.main.temp,

        main: data.weather[0].main,

        description: data.weather[0].description,

        error: ""

      });

    } else {

      this.setState({

        city: "",

        country: "",

        temperature: "",

        main: "",

        description: "",

        error: "Please enter the values."

      });

    }

  };

  render() {

    const { city, country, temperature, main, description, error } = this.state;

    return (

      <WeatherInput

        getWeatherInfo={this.getWeatherInfo}

        city={city}

        country={country}

        temperature={temperature}

        main={main}

        description={description}

        error={error}

      />

    );

  }

}

export default Weather;

Answer 1

您提到您收到有关country未定义的错误，因此您需要对此进行更多检查。首先，如果国家/地区未定义，您想做什么？如果您希望它以与 ifcity未定义相同的方式出错，则将其添加到您的 if 语句中，如下所示：if (city && country)如果您不关心country未定义并且只想检查城市，请将您的国家/地区变量设置为空字符串（如果尚未设置）：const country = event.value || ''