Описание тега create-ref

1 ответ

Почему поведение другое?

В чем разница между createRef и ref={(c) => this.el = c}? Когда я выводю, каждый ref имеет один и тот же элемент, но не false. Зачем? import React from "react" class Home extends React.Component { constructor(){ super(); this.el1 = React.createRef()…
10 янв '20 в 06:40
1 ответ

Как получить доступ к более чем одному элементу Dom в React с помощью React.createRef()

Я знаю, как получить доступ к одному элементу dom с помощью React.createRef(). Но я хочу получить доступ к двум разным элементам с помощью createRef. Я видел пример stackru для динамического доступа к нескольким элементам, но не могу понять. Я прила…
09 май '20 в 13:55
1 ответ

Обработка ссылки в функциональном компоненте React, написанном на TypeScript: ошибка элемента не назначается

Возможно, у меня возникла проблема с синтаксисом в следующем коде. elementRef как обновлено в нижней части кода в div с ref attr, линтинг говорит мне: let elementRef: React.MutableRefObject<null> Type 'HTMLDivElement | null' is not assignable …
0 ответов

Jest spyOn React.createRef() не работает должным образом

Я использую React.createRef на одном из моих компонентов и использую ref.current.validate() и current.state, которые отлично работают при реализации, но не при тестировании с помощью Jest. jest.spyOn работает с функцией validate(), но теряет все ост…
11 авг '20 в 03:25
0 ответов

React.createRef: current имеет значение null в Internet Explorer, но работает в других браузерах

Я пытаюсь использовать React.createRef Текущий код работает в Chrome, Firefox, Safari, Edge но в IE this.calendarRef.curent нулевой constructor(props) { super(props); element = this; this.state= { allDayText: 'All day', direction: '', view: this.pro…
1 ответ

Реагируйте с использованием forwardRef, всегда обновляйте дочерний компонент, даже используя memo

Итак, у меня есть дочерний компонент DatePicker, который мне нужен для доступа к егоref через forwardRefот Родителя. В принципе все нормально работает. Но есть одна проблема. Каждый раз, когда я обновляю что-то в родительских компонентах Other Child…
2 ответа

В чем преимущества использования useRef или createRef по сравнению со встроенной ссылкой?

Я делал обзор кода и нашел код, написанный другим разработчиком, например: function sampleComponent() { let divRef = {}; return ( <div ref={(el) => { divRef = el }}></div> ) } А затем используйте divRef как ссылку на элемент DOM. Одна…
17 июл '20 в 04:57
0 ответов

Как использовать useRef с React-toastify в компоненте класса

Я успешно интегрировал response-toastify в onUploadProgress в функциональный компонент. Я не могу получить эту функциональность в своем компоненте класса, потому что он каждый раз создает новый тост из-за ссылки ref. Как использовать useRef в реакци…
19 июн '20 в 10:35
1 ответ

Свойство 'checked' не существует для типа 'Switch'

Я получаю Property 'checked' does not exist on type 'Switch'. Сообщение от TypeScript за this.checked и this.disabledcreateRefs. Кроме того, в последней строке я также получаю Property 'checked' does not exist on type 'Switch предупреждение от TS. К…
30 сен '20 в 10:42
1 ответ

reactjs createRef не работает в массивах компонентов

Например , у меня есть массив компонентов, которым требуется ref для запуска коллапса компонента комментария, поэтому мне нужно создать несколько ссылок для ссылки на каждый commentListItem, но это не работает, как мне это сделать? import React, { u…
20 ноя '20 в 07:03
0 ответов

Почему у моего компонента offsetTop = 0 в React.js?

Я создал компонент, который анимирует элемент при его прокрутке. Код: import React from 'react'; import './FadeText.css'; const FadeText = ({ datatarget = 'right', children, ...props }) => { const ref = React.createRef(null); const debounce = fun…
25 фев '21 в 17:52
1 ответ

Функциональным компонентам нельзя давать ссылки

У меня такая проблема: У меня есть ActionWeekModal, который содержит мой собственный компонент под названием MList. В этом MList есть SwipeListView . Я хочу использовать ссылку SwipeListView в ActionWeekModal для запуска функции scrollToEnd(). Это д…
1 ответ

Как использовать один и тот же Ref в разных дочерних компонентах?

Как передать одну и ту же ссылку нескольким дочерним компонентам в React? Я создаю Ref, чтобы при нажатии пользователем кнопки состояние внутри компонента изменялось. Сейчас он работает, но только с одним компонентом. Нужно ли создавать несколько сс…
17 мар '21 в 02:52
2 ответа

Получите компонент привязки, отреагировав ref, и обновите его поле href

У меня есть код реакции, в котором есть компонент «<a>». Когда я нажимаю «<a>», я хочу изменить его поле href. Для этого у меня есть «ref», чтобы получить компонент внутри метода «onclick» следующим образом: class SomeComponent { public …
16 апр '21 в 16:04
0 ответов

Навигация без навигационной опоры для push-уведомлений

После навигации без навигационной опоры я не могу сделать ссылки изменяемыми в машинописном тексте, чтобы назначить current. столкновение с ошибками Невозможно присвоить значение «текущий», поскольку это свойство доступно только для чтения. В index.…
1 ответ

Почему я не могу получить доступ к текущему целевому значению моих двух контейнеров с помощью реакции js на внешний щелчок?

Используя этот https://codedaily.io/tutorials/Create-a-Dropdown-in-React-that-Closes-When-the-Body-is-Clicked, я нашел свое решение, чтобы мое раскрывающееся меню приближалось при нажатии снаружи где-нибудь еще. Но проблема в том, что у меня есть дв…
01 июн '21 в 09:46
0 ответов

Реагировать - как проверить, была ли изменена ссылка

У меня есть компонент класса: class WarehouseTypeForm extends PureComponent { constructor(props) { super(props); this.warehouseQuantityRef = React.createRef(); } render() { const { onSubmit, onError, eventsEmitter, model, labels, operationType, onWa…
13 июн '21 в 13:42
0 ответов

Таблица материалов tableRef current is null

Я использую tableRef для повторного рендеринга данных, но у меня проблема, связанная с tableRef.current имеет значение null let tableRef = React.createRef(); useEffect(() => { tableRef.current.onQueryChange(); }, [tableRef]); <MaterialTable ta…
20 июн '21 в 12:16
0 ответов

Как я могу очистить значения по умолчанию для Material UI FormControl?

Я создал простую форму (логин и пароль), используя FormGroup и FormControl (Material UI), все работает нормально, за исключением того, что форма всегда имеет значение по умолчанию (которое исходит из последнего введенного допустимого значения) Я соз…
18 авг '21 в 00:11
1 ответ

Как я могу очистить внутренний текст значения ref.current в React?

Как я могу получить доступ к свойству внутреннего текстового значения ref.current. По console.log(loginField.current) я получил: <div class="some name"> <input aria-invalid="false" id="login" placeholder="Email" type="text" class="other nam…
18 авг '21 в 22:50