Есть компонент кнопки, который может возвращать или кнопку или ссылку: const

Question

Есть компонент кнопки, который может возвращать или кнопку или ссылку: const

Button = forwardRef<
HTMLButtonElement | HTMLAnchorElement,
IButton
>

В месте, где я возвращаю ссылку <a href={href} ref={ref}>{children}</a>

высвечивается ошибка:

TS2322: Type 'ForwardedRef<HTMLAnchorElement | HTMLButtonElement>' is not assignable to type 'LegacyRef<HTMLAnchorElement>'.

а где кнопку:

TS2322: Type 'ForwardedRef<HTMLAnchorElement | HTMLButtonElement>' is not assignable to type 'LegacyRef<HTMLButtonElement>'.

Как это можно исправить?

#frontend #javascript #programming #react.js #russian

0

25.01.2021

6 ответов

3 просмотра

Firstname Lastname

ты пытаешься useRef подружить с компонентом?

0

25.01.2021

Andrei Glevchuk Автор вопроса

Firstname Lastname
ты пытаешься useRef подружить с компонентом?

ну он снаружи приходит

0

25.01.2021

Andrei Glevchuk Автор вопроса

Firstname Lastname
ты пытаешься useRef подружить с компонентом?

а так да, снаружи приходит ref и я хочу подсосать его в button или a

0

25.01.2021

Firstname Lastname

Andrei Glevchuk
ну он снаружи приходит

насколько я помню, LegacyRef — это callback-функция. видимо, сам компонент не поддерживает реализацию. в новой версии реакта рефы могут работать и через коллбэк, и через объект с проперти current. на ум приходит написать что-то типа враппера, который легаси реф адаптирует под новые рефы. то есть будет что-то такое const ref = useRef(null) <Button ref={btnRef => ref.current = btnRef} может, есть более элегантные решения. по типу как обновить версию библиотеки, использовать другую библиотеку или что-то, что я пока не понимаю

0

25.01.2021

Roman Tikhiy

Firstname Lastname
насколько я помню, LegacyRef — это callback-функци...

А если тс то ещё кастовать, красивее не видел

0

25.01.2021

Serafim · Accepted Answer

Serafim

Ошибка в типах. Тебе в чат по TS.

0

25.01.2021

169 похожих чатов

Есть компонент кнопки, который может возвращать или кнопку или ссылку: const

6 ответов

Похожие вопросы