Описание тега react-forwardref

0 ответов

Смущает насчет переадресованных ссылок React

Я пытаюсь сделать что-то немного сложное с переадресованными ссылками React, и кое-что я не совсем понимаю. Я пытаюсь использовать перенаправленные ссылки в React для создания набора дочерних узлов, все из которых можно увидеть с помощью перенаправл…
19 ноя '19 в 03:09
2 ответа

Вызов функции из другого подключенного компонента с помощью ref/forwardRef

Я пытаюсь вызвать функцию из другого компонента, со старым стилем реакции класса, я смог сделать это легко, так как я пытаюсь подключить все, с чем сталкиваюсь с такой проблемой Этот код не работает, когда мы вызываем setText() по ссылке: export fun…
26 ноя '19 в 20:25
0 ответов

Не удается заставить React Forwarded refs работать в тестовой среде

У меня проблема, когда я хочу проверить несколько переадресованных ссылок. Я могу заставить эти перенаправленные ссылки нормально работать в моем браузере, но в тестовой среде я вижу другое поведение. Вы можете просмотреть мое полное приложение для …
0 ответов

как ForwardRef для обернутого компонента с использованием функционального компонента и машинописного текста

У меня проблема с forwardRef в Typescript в ReactJS. Моя цель - обернуть загрузочную оболочку FormControl и предоставить на данный момент некоторую простую логику, а затем использовать ее. Я знаю, что FormControl пересылает ссылку на элемент ввода. …
28 фев '20 в 00:21
0 ответов

React forwardRef, похоже, не работает с загрузочным оверлеем

Согласно документам React-Bootstrap Overlays, цель наложения должна бытьthe element the overlay is positioned in relation toчто прекрасно работает, если цель встроена. например, в примере 1 ниже. Если, однако, указанный элемент dom содержится внутри…
26 мар '20 в 22:49
2 ответа

React.forwardRef уже возможен и без него, так какой в ​​этом смысл?

Я не понимаю, что такое React.forwardRef. Как объясняется в документации, я понимаю, что его основное использование - это получение родительским элементом доступа к элементам DOM дочернего элемента. Но я уже могу это делать, даже не используя его. В…
01 апр '20 в 02:37
0 ответов

Ссылки на DOM для функциональных компонентов?

Я не уверен, как реализовать ссылки для функциональных компонентов. Я знаю, что вам нужно использовать forwardRef, но я не понимаю, как указать на них в другом месте кода. Например, я визуализирую<img ref="someStr"> а затем ссылку на этот элем…
03 апр '20 в 17:26
0 ответов

Как выбрать refs или HOC или рендерить props

У меня есть вариант использования, когда один и тот же компонент адреса должен использоваться для основного и вторичного владельцев. Но адрес не является обязательным для вторичного владельца, но поля, вызовы API, редукторы - все то же самое. Оба на…
3 ответа

Как передать реквизиты в компонент оверлея Bootstrap OverlayTrigger?

Я создал песочницу: https://codesandbox.io/s/happy-rgb-vks06?file=/src/App.js Я пытаюсь передать реквизиты компоненту SlotSettings, но получаю такую ​​ошибку: Предупреждение: функциональным компонентам нельзя давать ссылки. Попытки получить доступ к…
20 апр '20 в 08:30
1 ответ

как правильно использовать forwardRef с withRouter

Я просто попытался использовать forwardRef с withRouter(mycomponent) следующим образом: export default function App() { const childRef = useRef(); const childWithRouteRef = useRef(); useEffect(()=>{ console.log("childWithRouteRef",childWithRouteR…
1 ответ

Могу ли я создать в React компонент, который также действует как объект Forwarded Ref?

Мне нужно использовать перенаправленные ссылки const InfoBox = React.forwardRef((props, ref) => ( <div ref={ref} > <Rings > </Rings> <Tagline /> </div> )); У меня тоже есть такой код class InfoBox extends React.Compo…
20 ноя '19 в 19:22
4 ответа

Использование forwardRef с proptypes и eslint

Я пытаюсь использовать forwardRef для кнопки в проекте с использованием типов eslint и prop. Это то, что я пробовал до сих пор, и каждый раз получаю ошибки: Первая попытка function Button ({ action = { callback: () => {}, title: 'unknown' } }, re…
0 ответов

Передача ссылки вперед динамически создаваемым дочерним элементам

Я использую компонент React Infinite Calendar и хочу перенаправить ссылку на динамически созданные дочерние компоненты. Таким образом я могу получить доступ к первой активной дате. Чтобы прокрутить его в поле зрения. (способ реагировать) это ванильн…
1 ответ

React forwardRef: Насколько глубоко вы можете передать forwardRef?

Мне интересно, насколько глубоко вы можете передать forwardRef во вложенном приложении и как это передать? Что-то вроде этого: <Parent> <Child> .... </Child> </Parent> <Child> <GrandChild> .... </GrandChild>…
12 фев '20 в 21:00
3 ответа

React useImperativeHandle и forwardRef установлены, ссылка, похоже, не обновляется

Мне нужно получить доступ к расположению дочернего компонента. Насколько я понимаю, для доступа к дочерним свойствам мне нужно использоватьuseImperativeHandleчтобы добавить дочерний API к его исх. Кроме того, мне нужно использоватьforwardRefпередать…
1 ответ

Как правильно перенаправить ссылку на компонент material-ui из функционального компонента

Я использую следующие пакеты для создания решения автозаполнения для приложения, над которым я работаю: Материал UI 4 реагировать-автозаполнение-ввод Я пытаюсь использовать Component prop в элементе response-autocomplete-input, передав материал-ui T…
1 ответ

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

У меня есть фиксированная панель навигации, которую я хочу сделать статической, когда какое-то меню в приложении расширяется. Проблема в том, что оба компонента находятся далеко друг от друга в иерархии приложений. const Nav = () => { const navRe…
29 мар '20 в 10:36
1 ответ

Как передать ссылку, созданную перехватчиком реакции родительского компонента, дочерним компонентам?

Мой код: const MyComponent: React.FC = () => { const ParentReference = useRef(null); return( <Parent className="d-flex flex-row" ref={ParentReference}> <ChildComponent className="mr-3" target={ParentReference.current} /> <AnotherCh…
2 ответа

Понимание: Предупреждение: функциональным компонентам нельзя давать ссылки

Я знаю, что ссылки используются для прямого доступа к элементам DOM без изменения состояния. Я читал, что нельзя давать ссылки на функциональные компоненты, потому что у них нет состояния. Ссылки не могут быть прикреплены к функциональным компонента…
27 апр '20 в 05:19
0 ответов

Проблема бросания реакции для findDOMNode устарела и для перехода на forwardRef()

Я новичок в React и обрабатываю предупреждения и ошибки React. Итак, я хочу понять, что я должен делать с созданием ссылок вместо того, чтобы позволить findDOMNode произойти. Я создаю поповер в App Bar. Но ссылка на Popover выдает ошибку, и при рабо…