Описание тега use-ref
«useRef» — это хук React, который возвращает изменяемый объект ref, чье свойство .current инициализируется переданным аргументом (initialValue). Возвращенный объект будет сохраняться в течение всего срока службы компонента.
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
ответ
Присвоение ссылки HTMLInputElement дает ошибку в машинописном тексте
В переменной useRef нельзя установить входной элемент const inputRef = React.useRef<HTMLInputElement>(null); <Input name="answer" ref={inputRef}/> На <Input ref=""> Я получаю следующую ошибку ht tps://stackru.com/imag es/30ee023044…
24 май '20 в 21:20
1
ответ
Где определять прослушиватели событий сокетов, которым требуются данные из глобального состояния, с помощью хуков в React
Я изучал хуки, и одна концепция до сих пор меня смущает. При использовании useEffect все переменные, объявленные внутри, устаревают после следующего повторного рендеринга. Чтобы получить доступ к изменению значений внутри useEffect, наиболее распрос…
27 апр '20 в 09:30
0
ответов
Ввод с использованием useRef с изменением значения без обновления состояния
Привет ребята заранее спасибо У меня следующая проблема: используя компонент ввода и принимая его значение с помощью useRef из-за визуализации компонента, мне было интересно, могу ли я добавить функцию маски и отредактировать это значение внутри вво…
09 мар '20 в 17:39
1
ответ
getElementById после динамического добавления в React
Я динамически добавляю карты в свой функциональный компонент React. Карты хранятся в State. Я сопоставляю их и даю каждому из них идентификатор. OnClick на этих картах, я успешно получаю их идентификатор. Теперь я хочу getElementById, чтобы изменить…
18 янв '20 в 11:28
2
ответа
Очистить входное значение - React Hooks
Я пытаюсь очистить ввод после нажатия кнопки, используя useRef ниже, это мой код После нажатия кнопки я очистил состояние и входное значение const [giftCode, setGiftCode] = useState(''); const inputGift = useRef(null); const clickHandler = () =>{…
04 фев '20 в 09:32
2
ответа
Я получил ошибку при использовании React.useRef внутри компонента функции реакции
Я использую React.useRef внутри функционального компонента реакции, я получаю сообщение об ошибке до того, как использовал его внутри компонента класса, и теперь я заменил его на функциональный компонент реакции, и я все еще получаю это сообщение об…
02 мар '20 в 00:57
1
ответ
реагировать на загрузку компонента 5 раз undefined, затем он находит внутренний html div
Выделенный текст import React, { useState, useEffect,useRef } from "react"; import Axios from "./axios.js"; //ADblockerdetection export function Adblockerdetection() { const [firstname, setfirstname] = useState(''); const [adblock, adblocdetected] =…
02 май '20 в 20:19
1
ответ
Предупреждение findDomNode
Я пытался создать меню выбора с помощью material-ui и React const SelectLevelButton = forwardRef((props, ref) => { const [stateLevel, setStateLevel] = useState({ level: "Easy" }); const [stateMenu, setStateMenu] = useState({ isOpen: false }); con…
23 мар '20 в 16:40
1
ответ
useRef() Перехватчик пользовательского компонента
Я пытаюсь создать панель навигации, которая, когда пользователь нажимает на одну из ссылок, прокручивает страницу до некоторого раздела. В приведенном выше коде каждый элемент является разделом моей страницы: <Navbar scrollFunc={scrollToRef} />…
13 апр '20 в 19:37
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…
14 апр '20 в 14:14
2
ответа
Выпадающее меню React переключается только один раз
Я пытаюсь создать компонент React Dropdown с помощью хука useRef и Typescript: он открывается правильно и закрывается, если я нажимаю кнопку переключения один раз или щелкаю за его пределами, но он закроется, когда я захочу открыть его снова. Есть и…
15 апр '20 в 13:25
0
ответов
React: как визуализировать компоненты, вставленные с помощью dangerousSetInnerHTML?
Если у меня есть обычная текстовая строка, в которую я хочу вставить некоторые компоненты, как правильно это сделать? Пример кода, codeandbox import React, { useRef } from "react"; import ReactDOMServer from "react-dom/server"; import "./styles.css"…
24 апр '20 в 08:04
2
ответа
Реакция: как дождаться, пока ссылка не станет доступной при вставке (рендеринге) во втором контейнере
РЕДАКТИРОВАТЬ: лучшее объяснение Контекст: Я получаю простой HTML-код с третьего сервера, который хочу вставить в мое приложение React изменить это Подход ванильного JS Я могу изменить строку с помощью регулярного выражения и добавить любой тег HTML…
24 апр '20 в 15:15
1
ответ
Не удается получить обновленное значение состояния useState и UseEffect
Я хочу получить последнее значение состояния и использовать его встроенный стиль, но сначала он возвращает 0 значений, а затем обновляет состояние при рендеринге. Однако я не могу присвоить значения стилю. const ImageCard = ({ image: { alt_descripti…
07 май '20 в 20:46
0
ответов
размер / размеры элемента div наблюдателя с использованием useRef и события изменения размера окна (React Hook)
Я пытаюсь постоянно наблюдать / определять размер элемента div с помощью React Hook JS. Я использовал разные способы, но каждый раз вижу общую проблему, когда уменьшение размера окна не меняет ref.current.offsetWidth но увеличивая это, изменится ref…
29 май '20 в 06:38
1
ответ
Попытка использовать React useRef в массиве, чтобы получить продолжительность аудио
Я получаю сообщение об ошибке Cannot read property 'addEventListener' of undefinedкогда я запускаю свой код реакции. Код предназначен для просмотра списка, содержащего аудиофайлы, и получения длительности аудио. Приложение отображается правильно, но…
09 июн '20 в 21:00
1
ответ
Обработка ссылки в функциональном компоненте React, написанном на TypeScript: ошибка элемента не назначается
Возможно, у меня возникла проблема с синтаксисом в следующем коде. elementRef как обновлено в нижней части кода в div с ref attr, линтинг говорит мне: let elementRef: React.MutableRefObject<null> Type 'HTMLDivElement | null' is not assignable …
13 июн '20 в 01:51
3
ответа
Как взять значения из Формика внутри крючка?
Я использую Formik в своем приложении. Мне нужно взять значения из Formik и использовать их в моем хуке. В настоящее время я использую useRef крючок Ниже приведен мой собственный код ловушки, который требует Formik ценности const { doRequest, errors…
13 июн '20 в 17:02
2
ответа
Сопоставление данных с помощью useRef Hook
Я слежу за этим: объедините два данных JSON в один с определенными значениями ключей Теперь я добавил useEffect()крючок. Как я могу использовать useRef для хранения моего результата? Это асинхронная функция. const App = (props) =>{ let result = u…
17 июн '20 в 03:57