Как я могу получить событие от onValueMouseOver в реагировании? - PullRequest
Новая
       10

Как я могу получить событие от onValueMouseOver в реагировании?

1 голос
/ 18 апреля 2020

В соответствии с реагирует на выполнение c, onValueMouseOver должен возвращать как event, так и 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>
  );
};

1 Ответ

1 голос
/ 18 апреля 2020

На самом деле параметр 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
  }}
/>
...