Javascript 从json向数据表获取值时出错

我在React and Flask中创建了一个应用程序，将一些json信息加载到数据表中。 在console.log中，我可以看到它，但我没有把它放到数据表中。 我使用的是材质UI和React

代码如下：

import React, { useEffect } from 'react';
import logo from './logo.svg';
import './App.css';
import Button from '@material-ui/core/Button';
import { DataGrid } from '@material-ui/data-grid';




function App() {

 const columns = [
{ field: 'cnp', headerName: 'CNP', width: 130 },
{ field: 'cui', headerName: 'CUI', width: 130 },
{ field: 'mesaje', headerName: 'Mesaje', width: 130 },
{ field: 'serial', headerName: 'Serial',width: 130,},
{ field: 'titlu', headerName: 'Titlu', width: 130,},
];



useEffect(() => {
fetch('http://127.0.0.1:5000/formular',{
headers : { 
'Content-Type': 'application/json',
'Accept': 'application/json'
}

}).then(response =>
response.json().then(data =>{
console.log(data);

})
);
},[]);

const rows = [
{ id: 1, cnp: .data.cui, cui: data.cui, mesaje: data.mesaje, serial: data.serial, titlu: data.titlu 
},

];

返回
Lista mesaje
刷新



;
}
导出默认应用程序在您的代码中

const rows = [
{ id: 1, cnp: .data.cui, cui: data.cui, mesaje: data.mesaje, serial: data.serial, titlu: data.titlu 
},

你补充说,

cnp: .data.cui

这就是问题的根源。我想应该是,

cnp: data.cui

注意：额外的
看起来您在尝试访问
数据时遇到了未定义
数据的问题（假设您已解决了
.data.cui的无效语法）

假设
数据
未定义存在问题（因为尝试访问时它不在范围内），您可以尝试以下方法：

import React，{useffect，useState}来自“React”；
从“/logo.svg”导入徽标；
导入“/App.css”；
从“@物料界面/核心/按钮”导入按钮；
从“@material ui/data grid”导入{DataGrid}”；
函数App（）{
常量列=[
{字段：“cnp”，标题名称：“cnp”，宽度：130}，
{字段：“cui”，标题名称：“cui”，宽度：130}，
{字段：“mesaje”，标题名称：“mesaje”，宽度：130}，
{字段：“序列”，标题名：“序列”，宽度：130}，
{字段：“titlu”，标题名：“titlu”，宽度：130}，
];
const[data，setData]=useState（null）；
useffect（（）=>{
const fetchData=async（）=>{
const rawData=等待获取（“http://127.0.0.1:5000/formular", {
标题：{
“内容类型”：“应用程序/json”，
接受：“应用程序/json”，
},
});
const fetchedData=await rawData.json（）；
设置数据（获取数据）；
};
fetchData（）；
}, []);
常量行=[
{
id:1，
cnp：数据？崔，
崔：数据？崔，
梅萨杰：数据？梅萨杰，
串行：数据？串行，
蒂特鲁：数据？蒂特鲁，
},
];
}

请注意，这不会执行任何错误处理，但是，作为第一次传递，希望可以让您继续
 看起来像
cnp:.data.cui
应该是
cnp:data.cui
。从API调用返回的数据是什么样子的？我删除了数据之前的点，现在它给了我以下错误：./src/App.js第38:19行：“数据”未定义未定义未定义第38:34行：“数据”未定义未定义未定义第38:52行：“数据”未定义未定义未定义第38:73行：“数据”未定义未定义未定义第38:93行：“数据”没有定义，这是因为
数据
仅在您编写的承诺范围内可用。尝试将
数据
值分配给与
行
范围相同或更高的另一个变量。