axios 如何在react日历时间轴中显示用户自己上传的数据

ylamdve6  于 2023-08-04  发布在  iOS
关注(0)|答案(3)|浏览(130)

我正在使用这个npm包。https://www.npmjs.com/package/react-calendar-timeline
我试图从json文件中获取数据并将其显示在react日历时间轴上,但我无法为此编写代码。谁能帮我用axios或fetch方法在时间轴上显示数据。我使用generate-fake-data.js和faker组件来显示假数据。我希望从我的API(http://localhost:5000/events)中命名为事件标题和事件描述的实际数据被加载到时间轴中。
这就是我想用axios或fetch从我的API中显示的内容
结果x1c 0d1x
这就是我想使用axios或fetch

来展示的内容
多谢了

v7pvogib

v7pvogib1#

假设您在http:localhost:3000/上运行了react应用程序
一个简单的方法是在你的package.json中添加:
第一个月
这将“代理”所有到达http://localhost:3000的调用,并将调用http://localhost:5000。
完成这些之后,接下来的事情就是在react代码中实际调用API。

fetch('http://localhost:5000/events')
.then(res => res.json())
.then(data => console.log("Events Data", data));

字符串
或者是

axios.get('http://localhost:5000/events')
  .then((response) => {
    console.log(response.data);
})

yhived7q

yhived7q2#

请再看一下我的问题。这与代理设置无关。我的问题是关于编辑react-calendar-时间轴并使用axios或fetch方法在timeline上显示我自己的API数据。- 谢谢-谢谢

vaj7vani

vaj7vani3#

我们可以通过相应地创建组和项来显示来自API响应的数据。收到数据后,我们需要设置新的组和项目状态,并将它们传递给时间轴组件。此外,我们可以分别根据groupRenderer方法和itemRenderer的要求自定义组和项。希望这对你有帮助。- 谢谢-谢谢

相关问题