如何解决Recharts eslint 错误在 props 验证中丢失
我是 React 开发新手。 eslint 提供以下错误
Line 37:11: 'x' is missing in props validation react/prop-types
Line 37:14: 'y' is missing in props validation react/prop-types
...
指的是以下代码片段的第 2 行
const customLabel = (props) => {
const { x,y,width,height,value } = props;
return (
<text
x={x} y={y} fill={"white"}>
{value.toLocaleString()}
</text>
);
};
customLabel
用于 recharts 库
<Bar
dataKey={Metadata.dataKey}
name={Metadata.name}
unit={data.xAxisInfo.unit}>
<LabelList dataKey={Metadata.dataKey} content={customLabel} />
</Bar>
我在 <LabelList content={customLabel} />
组件中使用的 <Bar />
与 the example in the documentation 完全一样。我无法在接口中声明 prop 类型,因为 customLabel
然后无法分配给 ContentRenderer<LabelProps>
。不幸的是,抑制 eslint 不是一种选择。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。