Описание тега react-ref
Рефы предоставляют способ доступа к узлам DOM или элементам React, созданным в методе рендеринга.
1
ответ
Установить фокус на динамически генерируемые компоненты, используя ссылки
Я должен создать несколько динамических ссылок, чтобы сосредоточиться на Input это содержится в пользовательском компоненте. В настоящее время вот как я рендеринг элементов: const countRow = denom => { this[`${denom.id}-ref`] = React.createRef();…
21 дек '18 в 03:39
1
ответ
В React-хуках UseRef я не могу получить новое значение состояния
Я пытаюсь использовать useref с реагирующими хуками, но когда я вызываю метод setAccountVal, хотя состояние дочернего элемента изменяется, когда я предупреждаю значение, оно все еще "Ege". У вас есть идеи по этому делу? import React, { useState, use…
13 фев '19 в 08:20
1
ответ
ReactJS createRef для N компонентов, все указывают на последний в списке
У меня есть 3 компонента, приложение, родитель и ребенок. Приложение использует метод, предоставленный Parent, и регистрирует детей в Parent. Это для Родителя, чтобы собрать ссылки (создать карту зависимостей) дочерних элементов, которые он охватыва…
15 ноя '18 в 07:29
2
ответа
Реагировать: Получить размер элемента в componentDidMount
Я пытаюсь реализовать решение, представленное в этом ответе. На втором этапе мне нужно получить размер div определенный в моем компоненте в компоненте componentDidMount. Многие потоки в Stackru предлагают использовать для этой цели ссылки. Однако мн…
12 ноя '18 в 18:28
1
ответ
Как создать новую ссылку для каждого экземпляра компонента
Как создать ссылку для каждого экземпляра компонента Я извлек некоторый код в его собственный компонент. Компонент представляет собой компонент анимации PlayWhenVisible, который воспроизводит / останавливает анимацию в зависимости от того, отображае…
14 янв '19 в 11:10
0
ответов
Манипулирование CSS с использованием response-ref против использования response setState() vs реагирует на избыточное состояние
Я реализую функциональность перетаскивания, поворота и изменения размера в реакции, поэтому я очень часто меняю CSS, у меня есть три варианта для каждого изменения я могу отправлять действие, поэтому будет вызываться новое состояние рендера. для каж…
23 дек '18 в 13:08
0
ответов
Реагируйте TypeScript: как сделать ссылку?
Я создаю приложение React с использованием TypeScript. Я использую карусель React-Slick. Я пытаюсь программно изменить слайд карусели. Поэтому я следовал за документацией и пытался создать ссылку для Slider. <Slider ref={slider => (this.slider…
07 ноя '18 в 20:25
1
ответ
Проблемы с машинописью при создании ссылки реагируют на собственный TextInput
Я столкнулся с проблемой при определении ссылок, т.е. inputRef = React.createRef(null) //... const someFunction () => { if (this.inputRef && this.inputRef.current) { this.inputRef.current.focus() } } //... <TextInput ref={inputRef} /&g…
20 ноя '18 в 10:12
1
ответ
Использование createRef в реагировать на натуре с машинописью?
Я пытаюсь понять, как мне нужно использовать React.createRef() в реагировать на нативный с машинопись, как следующий код выдает ошибки // ... circleRef = React.createRef(); componentDidMount() { this.circleRef.current.setNativeProps({ someProperty: …
12 окт '18 в 08:54
1
ответ
Как обновить значение атрибута с помощью ref в реагировать родной?
В приведенном ниже коде есть атрибут "открыл", и я хочу изменить его значение с помощью ссылки. Здесь я использую ref как индексированный массив. <Menu renderer={renderers.SlideInMenu} ref={(Menu) => { this.rowRefs[item.id] = Menu; }} opened={…
05 дек '18 в 08:54
3
ответа
this.refs.something возвращает "неопределенный"
У меня есть элемент с ref это определено и заканчивается тем, что рендерится на страницу: <div ref="russian" ...> ... </div> Я хочу получить доступ к свойствам элемента DOM, как offset... или что-то. Тем не менее, я продолжаю получать un…
05 фев '16 в 17:26
1
ответ
ReactJS - как передать ссылку на компонент другому компоненту как проп?
У меня есть два родственных компонента WebcamStream а также CaptureAreaХочу передать ссылку на WebcamStream как опора CaptureArea, но когда я делаю это, это всегда ноль. Как это исправить? class AppContent extends React.Component { constructor(props…
11 ноя '18 в 19:41
5
ответов
React-Native прокрутите вверх с помощью Flatlist
У меня много проблем с прокруткой до верхней части моего Flatlist, поэтому любая помощь будет принята с благодарностью! По сути, он выбирает первые 5 элементов из firebase, затем, когда вызывается onEndReached, мы добавляем следующие 5 элементов в с…
20 май '18 в 15:50
0
ответов
Создание ссылки в провайдере реагирующего контекста
Мне трудно установить ссылку в провайдере контекста. Это невозможно или мне чего-то не хватает? Я могу создать REFs в других компонентах таким же образом, но следующий всегда показывает ref как { current: null } const VideoPlayerContext = React.crea…
08 ноя '18 в 19:18
3
ответа
Как установить выбор textarea в реагировать, используя состояние вместо ссылки?
Я устанавливаю выборочный диапазон textarea с использованием ссылки на реакцию, но это противоречит "способу" реакции. ссылка работает отлично. я хочу установить selectionRange textarea, используя состояние, а не ref (как в этом фрагменте кода) impo…
11 фев '19 в 10:53
2
ответа
Разрушение вложенных объектов: как получить родительские и дочерние значения?
В приведенной ниже функции я получаю объект textarea со свойством current, Здесь вложенная деструктура работает с Start а также End переменные. Но current переменная не работает. function someFunction({ current: { selectionStart: Start, selectionEnd…
08 фев '19 в 11:19
0
ответов
Реагируйте TypeScript: Как сделать ссылку с помощью c => (this.c = c)?
ПРИМЕЧАНИЕ: я задавал этот вопрос ранее. Tholle, вы отметили этот вопрос как дубликат этого вопроса. Но все иначе, в этом случае ссылка создается следующим образом: ref={slider => (this.slider = slider)} И в предложенном вами оригинальном вопросе…
08 ноя '18 в 08:53
1
ответ
Реагируйте ссылками с TypeScript: невозможно прочитать свойство 'current' из undefined
Я строю приложение React с использованием TypeScript. Я хочу создать кнопку, которая прокручивает заголовок дочернего компонента на моей главной странице. Я создал ссылку в дочернем компоненте, следуя этому ответу о переполнении стека, и (пытался) и…
10 ноя '18 в 17:49
1
ответ
ReactJS - ссылка не работает с connect и redux-формой
У меня проблема при использовании ref через соединение и редукс-форму вместе. Структура компонента такова, что у ChildComponent есть формы, и я использую class EditEvent extends Component { constructor (props) { super(props); this.handleStartDateCha…
22 янв '19 в 10:40
3
ответа
Реагирует на собственный родной TextInput ref всегда неопределенный
У меня есть простой TextInput, на который я хочу поместить ссылку в моем рендере: <View> <TextInput ref={(component) => this._inputElement = component}>Input</TextInput> {console.log(this._inputElement)} <Button onPress={this…
06 фев '19 в 18:53