Описание тега downshift

0 ответов

Библиотека PayPal с понижением - как настроить количество вариантов рендеринга

В настоящее время по умолчанию дауншифт предоставляет только 4 варианта. Мы предоставляем варианты самостоятельно. В нашем случае использования мы можем настроить рендеринг более 4-х вариантов?
17 сен '18 в 07:08
0 ответов

React Downshift JS выбрать все onClick

Я хотел бы получить эту функциональность в компоненте окна поиска с понижением частоты <input onfocus="this.select();" onmouseup="return false;" /> так что когда пользователь нажимает на поле поиска, он будет выделять весь текст Я попытался до…
22 дек '18 в 20:09
1 ответ

Создание метки рядом с входными данными с использованием TextField и getInputProps материала-пользовательского интерфейса

Я использую материал-интерфейс TextField создать ввод и метку для компонента типа выбора заголовка с понижением. Я видел демо, и получил это: <FormControl fullWidth className={classname}> <TextField fullWidth InputProps={ inputProps } Input…
07 фев '19 в 10:35
0 ответов

Многократный источник данных автозаполнения пониженной передачи зависит от пользовательского ввода

Я работаю с материальным пользовательским интерфейсом, чтобы реализовать автозаполнение с динамическим источником данных, в зависимости от пользовательской типизации. Таким образом, пользователь может ввести или выбрать первое значение после символа…
12 фев '19 в 15:55
1 ответ

getInputProps в понижении

Когда я рендерим элемент ввода при использовании Downshift, это неправильно делать <input {...getInputProps({...this.props})} /> или я должен быть более конкретным, в каких атрибутах передаются в объекте getInputProps? {...getInputProps({place…
08 янв '19 в 16:25
0 ответов

Создание Kotlin React Wrapper вокруг Paypal Downshift

Я безуспешно пытался создать оболочку Kotlin JS для библиотеки PayPal Downshift. Я могу заставить Downshift работать отлично вне экосистемы Kotlin, но мне не повезло, когда я пытаюсь интегрировать его в приложение Kotlin JS. Я лишил все свойства до …
27 янв '19 в 05:17
1 ответ

Реагировать на запросы автозаполнения понижающей передачи в бесконечном цикле

У меня есть следующий компонент React class Search extends Component { constructor(props){ super(props); this.state = { suggestions: [] }; this.getSuggestions = this.getSuggestions.bind(this); } renderSuggestion(){ return ( this.state.suggestions.ma…
24 окт '18 в 06:20
0 ответов

Поле ввода (с использованием понижающей передачи) очищает введенные данные при нажатии на div, кроме поля ввода и ввода.

Поле ввода очищает введенный ввод, когда я нажимаю на любую вещь в div, кроме кнопки отправки и поля ввода. Как я могу решить это? Введенный ввод должен присутствовать, пока не произойдет отправка. У меня есть div с полем ввода, показанным ниже, а т…
11 янв '19 в 05:49
0 ответов

Как использовать Tab вместо Enter в Downshift для выбора текущего пункта меню?

Это касается: https://github.com/paypal/downshift Я установил onKeyDown обработчик распознает нажатие клавиши Tab, и я могу получить highlightedIndex значение правильно, но как использовать это, чтобы изменить inputValue? import React from 'react' i…
29 ноя '18 в 03:11
1 ответ

Автозаполнение с понижением при сбросе значения onBlur с помощью Formik

У меня есть форма с полем, которое должно показывать предложения через вызов API. Пользователю должно быть разрешено выбирать один из этих параметров или нет, и это значение, которое они вводят, используется для отправки с формой, но это поле являет…
06 мар '19 в 15:48
4 ответа

Реагировать | Items.map не является функцией

Я использую Downshift, чтобы создать раскрывающийся список, который отображает некоторые пункты меню. Я создал повторно используемый компонент React с понижением, но теперь я получаю эту ошибку: Uncaught TypeError: items.map is not a function at Ico…
13 мар '19 в 08:10
1 ответ

Понижение + реакция-окно + материал-интерфейс

Я попытался адаптировать этот пример пониженной передачи (other-examples/react-window) работать с материальными компонентами. Я пробовал несколько вариантов в моей локальной среде, но это нарушает рендеринг при прокрутке или навигации по результатам…
13 май '19 в 08:32
1 ответ

Переключение вниз в Reactjs - раскрывающееся меню только с выбранным элементом

У меня проблемы с использованием Downshift Изначально у меня есть все пункты меню, но как только я выберу один вариант, он будет единственным, который будет отображаться в меню при следующем нажатии. ht tps:https://stackru.com/images/95a1581eab7aa58…
14 май '19 в 17:24
0 ответов

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

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

Как интегрировать текстовый ввод antd-mobile как управляемый компонент с понижением частоты?

Я хотел бы использовать автозаполнение при пониженной передаче в моем веб-приложении antd-mobile. Мне нравится пониженная передача, поскольку она рендерит внешние компоненты. К сожалению, я не мог понять, как "связать" один из двух элементов ввода т…
14 июл '19 в 15:28
1 ответ

Использование useComboBox из DownShift с формой реакции-крючка

Я пытаюсь использовать useComboBox из DownShift с формой реакции-крючка, и значение ввода всегда не определено. Я начал с этого: https://codesandbox.io/s/react-hook-form-controller-079xx?file=/src/DonwShift.js И заменил компонент DownShift.js следую…
15 июл '20 в 16:32
0 ответов

Как использовать автозаполнение Downshift с Redux?

Я хочу использовать автозаполнение Downshift с redux, но не могу понять, как использовать функции Dispatched в элементе Downshift. У меня две основные функции: searchCityAutoComplete(searchText) - обрабатывает входное значение и отправляет результат…
14 сен '19 в 19:43
1 ответ

Невозможно управлять опорой Downshift selectedItem из родительского компонента с помощью контролируемых свойств

Я написал многоразовый компонент автозаполнения с помощью Downshift. Компонент инкапсулирует много логики Relay для получения данных из моей конечной точки GraphQL. У меня есть вариант использования, когда родительский компонент должен получить sele…
19 сен '19 в 18:23
2 ответа

React-Downshift - как предотвратить сброс по клавише Escape?

Я использую компонент Downshift с открытым исходным кодом React для создания настраиваемого раскрывающегося списка. Проблема, с которой я столкнулся, заключается в том, что Downshift очищает выбранный элемент (и вызывает onChange обратный звонок с n…
09 окт '19 в 10:45
0 ответов

React Downshift добавляет URL-ссылки в раскрывающийся список

Я хочу добавить URL-ссылки в приведенный ниже скрипт с помощью Downshift У меня есть в книжном состоянии атрибут имени и ссылки. Имена книг отлично отображаются в раскрывающемся списке, но мне интересно, как мне лучше всего использовать ссылки для к…
11 ноя '19 в 23:09