Blueprint js Выбор компонентной клавиатуры не работает - PullRequest
Новая
       27

Blueprint js Выбор компонентной клавиатуры не работает

0 голосов
/ 07 февраля 2020

Я использую план js Выбрать компонент, но не могу получить навигацию с помощью клавиатуры (вверх / вниз) для выбора элементов в раскрывающемся меню. :-( любая помощь будет принята с благодарностью.

В основном я использую Select как этот. 

<Select 
   items={items}
   itemRenderer={renderItem}
   onItemSelect={handleItemSelect}
   filterable={false}
>  
   <InputGroup
       value={selectedItem.name}
       small
       rightElement={rightElement}
   />

и перед рендерингом 

const [selectedItem, setSelectedItem] = React.useState(initialvalue)
const items = ... //from api

const handleItemSelect = item => { 
        setSelectedItem(item)
        dispatch(change(formName, 'itemId', item.id)) //to redux-form
    }

const renderItem = (item, {modifiers, handleClick}) => {
        return(
            <MenuItem
                active={isItemSelected(item)}
                key={item.id}
                onClick={handleClick}
                text={item.name}
            />
            )
        }

    const isItemSelected = item => item.id === selectedItem.id
    const rightElement = <Icon icon='chevron-down'/>

Я бы подумал, что элементы меню получают фокус только с помощью стрелок на клавиатуре и пробовали много разных «функций фокусировки», но это не работает и кажется хакерским. Я думаю, что я упускаю что-то очевидное.
Кто-нибудь, пожалуйста, так любезно, чтобы помочь мне?

...