Node.js 通过API发送MQTT数据

我正在使用Ionic React创建一个显示温度的应用程序。我已经设置了一个API，通过它发送MQTT温度数据，并使用Axios获取数据。我试图找出这是否是检索数据的最佳方法，因为我不断地遇到错误

GetAPI

routes.get('/', (req, res, next) => {
    let parsed = parseInt(test);
    res.status(200).json({ temp: parsed })
})

Axios&React代码

import './ExploreContainer.css';
import React, { Component } from 'react';
import axios from "axios";

interface ContainerProps { }

const sendGetRequest = () => {
    return axios({
        url: `http://localhost:3000/temps`,
        method: 'get'
    }).then(response => {
        console.log(response);
        return response.data;
    })
};

const ExploreContainer: React.FC<ContainerProps> = () => {
    const [items, setItems] = React.useState([]);

    React.useEffect(() => {
        sendGetRequest().then(data => setItems(data.articles));
    }, []);

    return (
    <div className="container">
        {
            items.map(item => {
                return (
                    {item}
                );
            })
        }
    </div>
  );
};

export default ExploreContainer;

import'/ExploreContainer.css'；
从“React”导入React，{Component}；
从“axios”导入axios；
接口ContainerProps{}
const sendGetRequest=（）=>{
返回轴({
网址：`http://localhost:3000/temps`,
方法：“获取”
})。然后（响应=>{
控制台日志（响应）；
返回响应数据；
})
};
const ExploreContainer:React.FC=（）=>{
const[items，setItems]=React.useState（[]）；
React.useffect（（）=>{
sendGetRequest（）.then（data=>setItems（data.articles））；
}, []);
返回(
{
items.map（item=>{
返回(
{item}
);
})
}
);
};
导出默认ExploreContainer；

我得到的错误是

TypeError:无法读取未定义的属性“map”

---

我知道这与期望在

useState（）

函数上有一个数组有关，但如果我删除该数组，它仍然不会显示它所显示的温度。我应该在

useState（）

函数中插入什么以期望我发送的数据，或者我应该修改发送温度的方式，或者我应该以不同的方式执行此操作？

只是一个更新！我知道我做了什么

sendGetRequest（）.then（data=>setItems（data.temps））

我试图访问data.articles（当时没有articles对象，我有一个临时对象）

然后在我的快速路线上，我需要把我的温度围成一个数组

routes.get('/', (req, res, next) => {
    let parsed = parseInt(test);
    res.status(200).json({ temps: [parsed] })
})

当react正在寻找阵列时：

const[items，setItems]=React.useState（[]）
sendGetRequest（）。然后（res=>setItems（res.data.articles））和（可选，不需要修复问题）删除
。然后（response=>{console.log（response）；return response.data；}）
检查