我有一个简单的表格,我将添加一个任务并添加该任务已花费的时间,我在尝试获取从“图表”导入的图表以查看状态时遇到了麻烦,看起来该状态是返回一个空数组,我的图表看不到数据。
Recharts图表采用一个数组,该数组的内部有两个值的对象,如下所示
const data = [
{ name: "Group A", data: 400 },
{ name: "Group B", data: 300 },
{ name: "Group C", data: 300 },
{ name: "Group D", data: 200 },
{ name: "Group E", data: 278 },
{ name: "Test Data", data: 189 }
];
但是,当我将状态作为道具移动到组件并映射结果以使用与输入相同的名称时,图表将不显示任何内容(我的映射道具)
const activityData = [
...props.pieData.map(el => ({
name: el.title,
data: el.amount
}))
];
我在codesandbox上放了一个简化的版本,如果有人想查看输出,我会更轻松一点,我正在获取https://codesandbox.io/s/hidden-dew-676xc
我发布此消息后立即发现了问题,当对象需要一个数字时,我在道具中映射的“数据”值将作为字符串输出
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句