javascript - 如何在 react-vis 中从 onValueMouseOver 获取事件?
问题描述
根据react-vis doc,onValueMouseOver
应该同时返回 theevent
和datapoint
. 然而,事件似乎并没有通过。难道我做错了什么?
const Charts = () => {
const data = [
{ x: 1, y: 1 },
{ x: 2, y: 1 },
{ x: 3, y: 5 },
{ x: 4, y: 5 },
{ x: 5, y: 1 },
];
return (
<XYPlot height={400} width={400}>
<VerticalBarSeries
data={data}
onValueMouseOver={(datapoint, event) => {
console.log(event.target); // undefined
}}
/>
</XYPlot>
);
};
解决方案
实际上,该event
参数具有一个event
您可以使用和访问实际事件的属性。
你要么这样做:
<VerticalBarSeries
data={data}
onValueMouseOver={(datapoint, event) => {
console.log(event.event.target); // Some SVG element
}}
/>
或使用解构:
<VerticalBarSeries
data={data}
onValueMouseOver={(datapoint, { event }) => {
console.log(event.target); // Some SVG element
}}
/>
推荐阅读
- python - 如何将高斯模糊应用于“matplotlib”中的图形?
- sql - 如果不存在则插入表并在两种情况下都返回 id
- php - 在 OneToMany 关系上 cascade={"remove"} 的教义行为与同一实体的 ManyToOne
- python - 将图标插入第三个 td 而前两个 td 为空
- ruby-on-rails - ruby on rails中基于关联模型属性的模型排序记录
- ios - 如何将不同的图像解析到我的表格视图可重用单元格中?
- python - 如何使用 Gensim doc2vec 执行高效查询?
- java - 在 Java 中使用同名包中的类
- angular - Angular - ng2-smar-table 添加自定义按钮和操作
- vue.js - 对 Babel.config.js 感到困惑(多个预设)