169 похожих чатов

Не подскажете как сделать так чтобы когда юзер нажимает на

Энтер, то чтобы переход осуществился на урл путь`/search?q=${query}`?

const [inputSearch, setInputSearch] = useState('');

const search = (query) => {
// go to `/search?q=${query}` ???
};

const handleChangeInputSearch = (event) => {

if (event.key === 'Enter') {
search(inputSearch)
} else {
setInputSearch(event.target.value);
}
};

9 ответов

13 просмотров

а какой роутер? если react-router history.push можно сделать

Роутер ведь нужен

MapleLeaf20- Автор вопроса

я пробовал так, но почему-то переход не осуществляется import { Link, useHistory } from 'react-router-dom'; const Header = () => { const [inputSearch, setInputSearch] = useState(''); let history = useHistory(); const search = (query) => { history.push(`/search?q=${query}`); };

а в адресной строке меняется?

MapleLeaf20- Автор вопроса

нет. почему-то на Enter не реагирует. здесь неправильно что-то может? const handleChangeInputSearch = (event) => { if (event.key === 'Enter') { console.log('Enter press!!!') search(inputSearch) } else { setInputSearch(event.target.value); } };

на какой евент вешается? onKeyDown?

MapleLeaf20- Автор вопроса

нет. у меня так <input onChange={handleChangeInputSearch} value={inputSearch} placeholder="Search" type="text" />

у события change нет key. то есть нет event.key можно попробовать на onKeyDown навесить отдельно

MapleLeaf20- Автор вопроса

я так сделал. не знаю нормально или нет, работать то работает

Похожие вопросы

Обсуждают сегодня

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Мужики. привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных элементов...
Kraszx
2
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Товарищи, кто работа с iphelper? Или может я в самой логике ошибки фигачу, не пойму.... var ifTable : PMIB_IFTABLE; size, corSize: DWORD; Buffer ...
Warfarellen
4
я так понимаю, я так подозреваю, что создание такого плагина для человека, кто умеет писать плагины для делфи потребует минут 5-10 времени. но это мое подозрение. хотелось бы ...
Kraszx
7
Всем привет! Кто пользуется DevExpress, подскажите пожалуйста, реализован ли в TcxGrid в новых версиях поиск по датам как в Экселе (ну т.е. не просто список чекбоксов со значе...
A Z
4
Карта сайта