React Get with axios请求显示来自api的错误数据

Question

我在react应用程序上有一个axios GET请求，以从我的快速托管api获取数据，结果是当我从邮递员那里尝试时，结果是

{
    "totalRegistered": 13
}

是正确的值 但是从我的React应用请求时，它显示为52

我尚未在react端添加或完成任何数学运算，我只显示了api中的数据 我还检查了一个控制台日志，它也显示了值52。 这仅发生在以数字返回的值（整数，双精度...）上 `

class vehicles extends Component {

constructor() {
    super();
    this.state = {
        total_registered: null,
    }
}
async componentDidMount() {
    const total_registered = process.env.REACT_APP_API_URL + '/app/vehicles'
    await axios.get(total_registered, {
        'key': [
            "totalPortRegistered",
            "total"
        ]
    }).
        then(function (response) {
            console.log(response)
            self.setState({ total_registered: response.data })
        })
        .catch(function (err) {
            console.log(err)
            if (self.props.auth.isAuthenticated) {
                notify.show('Cannot Fetch Data! Network Error', "error");
            }
        })
}
render() {
    return (
        < div className="card elevation p-5 m-2" >
            <center>
                <h3>{this.state.total_registered ? this.state.total_registered.totalPortRegisteredVehicles : <ReactLoading type={"bubbles"} color={"#000000"} height={20} width={20} />}</h3>
                <p>Total Vehicles</p>
            </center>

        </div >
    );
}
}`