Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当API在控制台中填充但未能在前端填充时,可能是什么原因?_Javascript_Reactjs_Django - Fatal编程技术网

Javascript 当API在控制台中填充但未能在前端填充时,可能是什么原因?

Javascript 当API在控制台中填充但未能在前端填充时,可能是什么原因?,javascript,reactjs,django,Javascript,Reactjs,Django,我是新的反应,并试图遵循各种教程,但我在这一点上卡住了,只是确定一些愚蠢的事情只是原因。我无法在前端显示数据。我的API在Postman上运行良好,是Django Rest框架制作的。数据填充到控制台。下面是代码1.Note.js 2。应用程序发布了注释3。App.js4。注:型号: 从“React”导入React; 从“@chakra ui/core”导入{Box,Flex}; 从“/NoteDetail”导入NoteDetail; 导出默认函数注释({Note}){ 返回( {注.标题} {

我是新的反应,并试图遵循各种教程,但我在这一点上卡住了,只是确定一些愚蠢的事情只是原因。我无法在前端显示数据。我的API在Postman上运行良好,是Django Rest框架制作的。数据填充到控制台。下面是代码1.Note.js 2。应用程序发布了注释3。App.js4。注:型号:

从“React”导入React;
从“@chakra ui/core”导入{Box,Flex};
从“/NoteDetail”导入NoteDetail;
导出默认函数注释({Note}){
返回(
{注.标题}
{note.display_name}
);
}
从“React”导入React,{useState,useffect};
从“@chakra ui/core”导入{Flex};
从“axios”导入axios;
从“./Error”导入错误;
从“./Loading”导入加载;
从“./Note”导入注释;
导出默认函数AllPublishedNotes(){
const[data,setData]=useState([]);
const[isError,setIsError]=useState(false);
const[isLoading,setIsLoading]=useState(false);
useffect(()=>{
const allPublished=async()=>{
setIsError(假);
设置加载(真);
试一试{
const result=等待axios.get('http://localhost:8000/api/note/published_notes/');
setData(result.data);
console.log(result.data);
}捕获(错误){
设置加载(假);
setIsError(真);
}
};
全部发表();
}, []);
常数noData=!数据;
返回(
{isLoading&!isError(
):伊瑟罗(
) : (
data.map((注)=>)
)}
);
}
从“React”导入React;
从“@chakra ui/core”导入{ThemeProvider,CSSReset,theme};
从“/component/AllPublishedNotes”导入所有已发布的Notes;
导出默认函数App(){
返回(
);
}
来自django.db导入模型的

从django.conf导入设置
课堂笔记(models.Model):
title=models.CharField(最大长度=100)
description=models.TextField(最大长度=500)
author=models.ForeignKey(settings.AUTH\u USER\u MODEL,on\u delete=models.CASCADE)
is_published=models.BooleanField(默认值=False)
date\u created=models.DateTimeField(auto\u now\u add=True)
date_published=models.DateTimeField(自动_now=True)
定义(自我):
返回自己的标题
请有人帮我看看这个问题可能是什么。无需使用Chakra,您只需知道我的react代码本身出了什么问题,您可以通过打开django/apps/registry.py和第80行左右对其进行调试
引发运行时错误(“populate()不可重入”)

替换为:
self.app\u configs={}

通过打开
django/apps/registry.py
并在第80行附近对其进行调试
引发运行时错误(“populate()不可重入”)

替换为:

self.app\u configs={}
我已经更新了代码。请尝试以下代码

axios.get(`http://localhost:8000/api/note/published_notes`)
      .then(res => {
        console.log(res);
      })

我已经更新了代码。请尝试以下代码

axios.get(`http://localhost:8000/api/note/published_notes`)
      .then(res => {
        console.log(res);
      })

已在上面尝试,但仍无法填充到屏幕。实际上,console上没有填充任何数据,所以尝试将console.log(数据)转换为console;您发布了一个快照,并基于它进行了假设。在上面尝试过,但仍然没有填充到屏幕上。实际上,console上没有填充任何数据,所以尝试将console.log(数据)转换为console;你发布了一个快照,并以此为基础进行了假设。在上面尝试过,但问题相同。仍然没有在上面尝试过,但问题相同。仍然没有人口