из-за выпуска React Hooks я хотел попробовать «обновить» один или два компонента React в новый компонент Stateful Function с помощью Hooks.
Итак, я хотел обновить мой «GenerciTooltip»Компонент, позвольте мне объяснить: прямо сейчас это GenericComponent → class GenericTooltip<T> extends React.Component<T, {}>.Это построено таким образом, потому что он заботится только о положении всплывающей подсказки по центру относительно его содержимого, и добавляет небольшую стрелку внизу всплывающей подсказки (фактически, в этом GenericTooltip<T> компоненте он был реализован только componentDidUpdate() метод и определена переменная tooltipRef.
Затем для каждого типа диаграмм, которые я реализую, я создаю определенный компонент, и это потому, что разные диаграммы могут отображать разные данные внутриПодсказка. Итак, давайте возьмем в качестве примера PieChart: я написал компонент PieChartTooltip, который следующий → class PieChartTooltip extends GenericTooltip<IPieChartTooltipProps>. Как вы можете видеть, каждый конкретный компонент всплывающей подсказки расширяет компонент GenericTooltip.Компоненты всплывающей подсказки Я реализовал только метод render().
Итак, в конце, в то время как компонент GenericTooltip заботится об улучшении положения подсказки, компонент Specific Tooltip заботится о рендеринге того, чтопрямо для диаграммы.
Теперь .. Я хотел бы преобразовать GenericTooltip Компонент и специфиc Подсказка компонента с использованием новых хуков, но .. Возможно ли добиться чего-то подобного?Я имею в виду, я не могу больше использовать ключевое слово extends.
Спасибо
РЕДАКТИРОВАТЬ: Там это коды и поле → https://codesandbox.io/s/p54wor9k5j Это упрощенная версия моего кода, но он показываетвсе, что нужно для моего вопроса (реальная реализация методов не очень важна, я думаю)