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

Question

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

Энтер, то чтобы переход осуществился на урл путь`/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);
}
};

#frontend #javascript #programming #react.js #russian

0

09.05.2021

9 ответов

22 просмотра

Antony

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

0

09.05.2021

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}`); };

0

09.05.2021

rnamod1

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

0

09.05.2021

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

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

0

09.05.2021

rnamod1

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

0

09.05.2021

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

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

0

09.05.2021

rnamod1

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