Моя борьба с реактом продолжается :D У меня есть компонент monaco

Question

Моя борьба с реактом продолжается :D У меня есть компонент monaco

и его родитель editor, мне нужно вызвать из родителя метод потомка. Из-за того что там import стоит, не получается создать forwardRef. ЧЯДНТ?

https://github.com/compute-toys/compute.toys/blob/master/components/editor/monaco.tsx

https://github.com/compute-toys/compute.toys/blob/master/components/editor/editor.tsx

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

0

06.09.2023

14 ответов

18 просмотров

Rain

А точно ref нужен? можно же пропс пробросить в дочерний компоннет и этот пропс поставить в зависимости useEffect который будет срабатывать и вызывать нужный метод дочернего компонента

0

06.09.2023

Эдвард 🍓

Rain
А точно ref нужен? можно же пропс пробросить в до...

зачем такие костыли, если именно для этих целей сделан реф?

0

06.09.2023

Rain

Эдвард 🍓
зачем такие костыли, если именно для этих целей сд...

А почему вы решили что это кастыль?

0

06.09.2023

Эдвард 🍓

Rain
А почему вы решили что это кастыль?

даже не знаю, может то, что ты форсишь обновы диспатчера ради того, что можно сделать почти бесплатно на рефах?)

0

06.09.2023

Павел Munrocket Автор вопроса

Эдвард 🍓
зачем такие костыли, если именно для этих целей сд...

пример кода бы, пока не особо получается

0

06.09.2023

Эдвард 🍓

Павел Munrocket
пример кода бы, пока не особо получается

https://react.dev/reference/react/forwardRef ток в реф записывай нужные тебе функции там ещё проверить нужно, в реф передан RefObject или функция, которая его принимает)

0

06.09.2023

Павел Munrocket Автор вопроса

Эдвард 🍓
https://react.dev/reference/react/forwardRef ток ...

forwardRef ошибки дает, так как дочерний компонент динамический реф внутри еще использует declare type Monaco = typeof import('monaco-editor');

0

06.09.2023

Эдвард 🍓

Павел Munrocket
forwardRef ошибки дает, так как дочерний компонент...

что за ошибка?

0

06.09.2023

Павел Munrocket Автор вопроса

Эдвард 🍓
что за ошибка?

во-первых говорит что ref.current не существует в родительском элементе, после того как я его создал с useRef() и прокинул в пропсы, во-вторых eslint сразу все начинает подсвечивать все красным если завернуть в forwardRef monaco

0

06.09.2023

Павел Munrocket Автор вопроса

Надо наверно добавить что я вызываю метод одного потомка (monaco) из другого потомка, в общем классе editor. Вызвать родительскую функцию не составило труда, я просто прокинул метод в пропсы. А вот пробросить метод из родителя в другой уже сложнее, особенно когда там завернуто в import.

0

06.09.2023

Эдвард 🍓

Павел Munrocket
во-первых говорит что ref.current не существует в ...

в смысле ref.current не существует?) это как?)

0

06.09.2023

Павел Munrocket Автор вопроса

Эдвард 🍓
в смысле ref.current не существует?) это как?)

Создал его в editor и начал использовать в editorJumpToLine функции, который вызываю из другого компонетнта. https://github.com/compute-toys/compute.toys/pull/34/files

0

06.09.2023

Павел Munrocket Автор вопроса

Эдвард 🍓
в смысле ref.current не существует?) это как?)

Спасибо, пофиксил. ForwardRef все таки работал, но было более красивым решением вынести бизнеслогику в стейтменеджер.

0

09.09.2023

olkivan · Accepted Answer

olkivan

не смотрел код, но если просто пропсом прокинуть?

0

06.09.2023

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

Моя борьба с реактом продолжается :D У меня есть компонент monaco

14 ответов

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