我在我的项目中使用 recharts 库,我试图显示文档中的示例,但我很难让它工作,我正在使用反应功能组件,并且我正在从父组件发送数据:
<LineChartPastYears data={exampleData}></LineChartPastYears>
Run Code Online (Sandbox Code Playgroud)
我的 LineChartPastYears 组件应该渲染图表,但由于我无法理解的原因而没有显示它:
import React, {useState, useEffect} from 'react'
import {
LineChart,
Line,
XAxis,
YAxis,
CartesianGrid,
Tooltip,
Legend,
ResponsiveContainer,
} from 'recharts'
const LineChartPastYears = data => {
const [newData, setNewData] = useState([])
console.log(data)
useEffect(() => {
setNewData(data.data)
}, [data])
return (
<div>
<ResponsiveContainer width="100%" height="100%">
<LineChart
width={500}
height={300}
data={newData}
margin={{
top: 5,
right: 30,
left: 20,
bottom: 5,
}}
>
<CartesianGrid strokeDasharray="3 3" />
<XAxis dataKey="name" />
<YAxis />
<Tooltip />
<Legend …Run Code Online (Sandbox Code Playgroud) 我有一个用于测试目的的简单 ERC721 智能合约,我想知道是否可以查询该智能合约中特定钱包拥有的代币 ID。
最终我想在网站上显示用户铸造的 NFT。
合约中的balanceOf返回用户拥有的代币数量,但没有更多信息。
我的测试智能合约:
我正在使用 axios 从 IPFS 查询一些数据,问题是调用特定 api 后返回值是来自 axios 的承诺。
const getNFTDetail = async (url: string) => {
const urlIPF = url.replace("ipfs://", "https://cloudflare-ipfs.com/ipfs/");
try {
return await axios.get(urlIPF).then((res) => {
return res.data;
});
} catch (error) {
console.log(error);
}
};
Run Code Online (Sandbox Code Playgroud)
我得到的回应:
有没有办法等到承诺得到解决?,正如你所看到的,我已经在函数调用上使用了 async wait 。