使用“包含”功能时出现类型错误

Question

我正在用 React 写一个网页。

我调用 API，一切正常。 我的请求的 json 响应中有一个“错误”属性。

组件结束：

 const er = data.Error
        return <p> {er} </p>

我可以在网页上看到正确的错误消息。

但是当我写这样的东西时：

if(data.Error.includes('specific error message...')
        return <p> 'specific error message...' </p>

我收到以下消息：

TypeError: Cannot read properties of undefined (reading 'includes')

所有组件：

import React from "react";
import Movie from "./Movie";
import { useEffect, useState } from 'react';


export default function MovieList({searchValue}) {
    const [data, setData] = useState([])
    //Onmount
    useEffect(() => {
        async function init() {
      //API Calls- request data from the server
        const response = await fetch('http://www.omdbapi.com/?apikey=ca0aa516&s=' + searchValue);
        const body = await response.json();
        setData(body);
     }
    init()
    
     }, [searchValue])

     console.log(data)
    if(data.Search) {
        return (
            <div className="container-fluid movie-app" >
                <div className="row">        
                    { 
                          data.Search.map((movie) => {    
                            return (
                                <Movie link={movie.Poster} />
                                )
                        })
                    } 
                </div>
            </div>
              
        )
    }
   
    const er = data.Error
    
        return <p> {er} </p>
    
  }

Answer 1

您必须进行编辑：

if(data?.Error?.includes('specific error message...'))

或

if(data.Error && data.Error.includes('specific error message...'))