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 ответов

16 просмотров

а какой роутер? если 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- Автор вопроса

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

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

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

30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Карта сайта