Блог

Главная - Вопросы по программированию - как извлечь параметр id из URL-адреса с помощью reactjs

как извлечь параметр id из URL-адреса с помощью reactjs

#javascript #reactjs #react-router #react-hooks #react-router-dom

Вопрос:

http://localhost:3000/messages/?qr_asset_id=1f6b997464amp;gts=1627828213 это URL-адрес, мне нужно извлечь qr_asset_id значение из этого URL-адреса, как мне это сделать с помощью reactjs

Ответ №1:

Поскольку вы используете крючки на основе используемых вами тегов:

 const location = useLocation();

const urlParams = new URLSearchParams(location.search);
const paramValue = urlParams.get('qr_asset_id');

Ответ №2:

Ты вытаскиваешь его из подпорки. props.match.params.qr_asset_id

Ответ №3:

Вы можете использовать URLSearchParams.

сначала проверьте совместимость браузера

 const url = window.location.href // "http://localhost:3000/messages/?qr_asset_id=1f6b997464amp;gts=1627828213";
const searchParams = new URLSearchParams(url);

const qrAssetId = searchParams.get("qr_asset_id"); // 1f6b997464

руководство по параметрам запроса в react-маршрутизаторе должно помочь.

Там также есть библиотеки с заполнением URL-адресов. Вы можете использовать их для получения того же результата.

Метки: