TypeError：无法读取reactjs和laravel应用程序中未定义的属性'pbrd_display_name'

如何解决TypeError：无法读取reactjs和laravel应用程序中未定义的属性'pbrd_display_name'

我遇到以下错误

TypeError：无法读取未定义的属性“ pbrd_display_name”

当我尝试在我的reactjs应用程序中按ID提取列表详细信息时。我的后端API在Laravel中。请帮忙

description.js

import React,{ Component } from 'react';
class SinglePet extends Component {
constructor(){
    super();
    this.state={
        SinglePet:'',loading:true
    }
}

componentDidMount(){
    fetch('http://localhost:8000/api/puppies/'+this.props.match.params.id)
    .then(response => response.json())
    .then(json => 
        this.setState({
            SinglePet:json.data,loading:false
        })    
    );
}

render() {
    let data;
    if(this.state.loading){
        data=<div className="container mt-4"><p>Loading...</p></div>
    }else{
        data=<div className="container">
                <div className="row mt-4">
                    <div className="col-4 mb-3">
                        <div className="card">
                            <img src="#" className="card-img-top" />
                            <div className="card-body">
                                <h5 className="card-title">{this.state.pet.pbrd_display_name}</h5>
                                <p className="card-text">{this.state.pet.plttr_birthdate}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    }
    return(
        <>
            {data}
        </>
    );
    }
    }
    export default SinglePet; 

请帮助。 预先感谢。