早上好，同事們，我正在用使用 api 后帶來的資料構建一個表，問題是這些資料沒有 json 的正常結構。
服務器給我的檔案是這樣的：
{
"Sensor_Id": "1",
"Temperature": "35.27",
"Humidity": "61.4"
}
如您所見，它沒有括號（[]），這就是為什么它在建表時不讀取變數的原因，這里我使用了api：
export function Sensores(props) {
const [sensores, setSensores] = useState([]);
const fetchSensores = async () => {
const response = await axios
.get("https://my-json-server.typicode.com/ijrios/prueba2/sensores")
.catch((err) => console.log(err));
if (response) {
const sensores = "[" response.data "]";
console.log("Sensores: ", sensores);
setSensores(sensores);
}
};
在這里我建立列：
const columns = useMemo(
() => [
{
Header: "Id",
accessor: "Sensor_Id",
},
{
Header: "Temperatura",
accessor: "Temperature",
},
{
Header: "Humedad",
accessor: "Humidity",
},
],
[]
);
const DatoSensores = useMemo(() => [...sensores], [sensores]);
const tableInstance = useTable(
{
columns: columns,
data: DatoSensores,
}
);
由于到達的檔案是具有不同結構的 json，它不會將任何資料寫入表中，我需要幫助才能讀取資料并將其顯示在螢屏上，謝謝。
uj5u.com熱心網友回復：
const sensores = "[" response.data "]";
這會生成一個帶有' 的字串[response.data
React Tables 需要一個常規陣列作為資料源，所以讓我們創建一個；
const sensores = [ response.data ];
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/462554.html
上一篇：串列中字典之間的匹配