如何解决rechart 的 Legend 内容的正确类型是什么?
在我正在帮助处理的应用中,有一个带有图例的 rechart
图表渲染,如下所示:
<Legend
content={renderLegend}
/>
renderLegend
定义为以下函数:
const renderLegend = (props) => {
const { payload } = props;
return (
<ul>
{
payload.reverse().map((entry,index) => (
<li key={`item-${index}`}>
<span style={{backgroundColor: entry.color}} />
<span>{entry.payload.value}</span> {entry.value}
</li>
))
}
</ul>
);
};
这个函数建议 props.payload
的类型应该是这样的:
interface props {
payload: {
color: string;
value: string;
payload: {
value: string;
}
}[];
}
在 TS 中,我想适当地键入函数 renderLegend
但这种类型似乎不存在。
content
组件的属性 Legend
采用 ContentType
转换为 ReactElement | (props: Props) => Element
其中 Props
does 包含 {{1} } 属性,但如果我尝试访问它,我发现它没有 payload
属性。
值得一提的是,这个工作按原样使用,是用 Typescript 编写的,没有打字。我正在尝试添加输入以更好地访问此 value
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。