大佬教程收集整理的这篇文章主要介绍了动态数据未显示在本机反应中?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试使用以下逻辑在我的 React Native 中显示动态数据。但它只显示一次数据,如果我刷新我的应用程序,它会一次又一次地出错: 错误就像 undefined is not an object('data.map') ....如果逻辑错误,谁能帮助我,我的逻辑中遗漏了什么?
问题是它有时很难显示一次数据。
const [chartData,setChartData] = useState({});
const chart = () => {
let status = [];
let dates = [];
let count = 0;
let count1 = 0;
let count2 = 0;
let count3 = 0;
let count4 = 0;
fetch("<API CALL>")
.then(res => res.Json())
.then(results => {
for (const stats of results) {
if (stats.status == "Open") {
count = count + 1;
}
else if (stats.status == "Closed") {
count1 = count1 + 1;
}
else if (stats.status == "Resolved") {
count2 = count2 + 1;
}
else if (stats.status == "In Process") {
count3 = count3 + 1;
}
}
count4 = count3 + count2 + count1 + count;
setChartData({
labels: ["Open","Closed","Resolved","In Process"],datasets: [
{
data: [count,count1,count2,count3]
}
]
})
})
console.log(chartData);
}
useEffect(() => {
chart();
},[]);
<barChart
style={{ borderRadius: 16 }}
data={ChartData}
wIDth={screenWIDth}
height={400}
chartConfig={ChartConfig}
verticalLabelRotation={30}
/>
存储在monogdb图集中的数据
_ID:<RANDOM_ID>
name:"Jade Labs access"
request:"Dhanjay"
subject:"PI RPA"
category:"IT"
priority:"High"
desc:"RPA project"
LOCATIOn:"Pune"
status:"Resolved"
date:"2/23/2021"
__v:0
assign:"Dhanjay BharDWaj"
试试看是否有效
{ChartData.datasets != undefined ? (<BarChart
style={{ borderRadius: 16 }}
data={ChartData}
width={screenWidth}
height={400}
chartConfig={ChartConfig}
verticalLabelRotation={30}
/>):null}
它应该在有数据时加载barchat
以上是大佬教程为你收集整理的动态数据未显示在本机反应中?全部内容,希望文章能够帮你解决动态数据未显示在本机反应中?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。