Reactjs 如果沒有從 api 獲取數據，我將如何顯示一個簡單的錯誤？

Question

我正在努力尋找一種添加錯誤消息的方法是來自 api === 0 的過濾國家。我如何最好地做到這一點，這是一種簡單的方式？ 或者是否有一種簡單的方法可以路由到 404 頁面？

我可以按照正確的思路思考它只是沒有點擊！

const CountryList = ({ filteredCountries, isLoading }) => {
  return (
    <div className='card-list'>
      {isLoading ? (
        <Loader isLoading={isLoading} />
      ) : (
        filteredCountries.map((country) => (
          <>
            <Country
              key={country.name}
              id={country.alpha3Code}
              country={country}
            />
          </>
        ))
      )}
    </div>
  );
};
export default CountryList;

Answer 1

您可以形成另一個條件並通過過濾國家的length檢查。 從技術上講，它本身不會被視為錯誤，但據我所知，這就是您想要的：

const CountryList = ({ filteredCountries, isLoading }) => {
  return (
    <div className='card-list'>
      {isLoading ? (
        <Loader isLoading={isLoading} />
      ) : (
        filteredCountries.length ? (
          'No countries found'
        ) : (
          filteredCountries.map((country) => (
            <>
              <Country
                key={country.name}
                id={country.alpha3Code}
                country={country}
              />
            </>
        )))
      )}
    </div>
  );
};
export default CountryList;