Реагировать на компонент с помощью общего обработчика mouseOver - PullRequest
Новая
       8

Реагировать на компонент с помощью общего обработчика mouseOver

0 голосов
/ 26 мая 2018

У меня есть простой компонент реагирования, который оборачивает тег SVG 1.1 спецификации rect, добавляет некоторые значения по умолчанию и выглядит следующим образом: 

import React, { Component } from 'react';

const defaults = {
  x: 100,
  y: 100,
  width: 200,
  height: 100,
  rx: 0,
  ry: 0,
};

export default class Rectangle extends Component {
  constructor(props) {
    super(props);
    this.state = {
      ...defaults,
      ...props,
    };
  }

  render() {
    return (
      <rect
        {...this.state}>
        {this.props.children}
      </rect>
    );
  }
}

Я пытаюсь найти хороший способ добавить кmouseOver, но хотел бы сделать это так, чтобы его можно было использовать с другими компонентами, подобными этим.

Я изучил компоненты более высокого порядка, но у меня возникли проблемы при попытке установить состояние, потому что состояние не является частью состояния вышеупомянутого компонента.

...