Блог

Главная - Вопросы по программированию - Передача параметров URL-адреса функциям в React

Передача параметров URL-адреса функциям в React

#javascript #html #css #reactjs #react-router

Вопрос:

У меня возникли проблемы с передачей параметров URL-адреса в функцию в маршрутизаторе React with react. Извините, но я новичок в этом деле. Мой маршрут показан ниже. Функция GetMovies благодарит за любые советы, которые были бы полезны.

 <BrowserRouter basename={"/MovieStreamingAvailabilityApp"}>
    <Route path={"MovieStreamingAvailabilityApp/:genreId/:sortBy/:page"}>
      <GetMovies />
    </Route>
</BrowserRouter>

import {useParams} from "react-router-dom";

function GetMovies() {
    let genreId = useParams();
    function movieData(genreId = 0, sortBy = "popularity.desc", page = 1){
        const baseUrl = "https://api.themoviedb.org/3/discover/movie?api_key={my_key}amp;language=en-USamp;include_adult=falseamp;include_video=falseamp;with_watch_monetization_types=flatrate";

    }
}
export default GetMovies;

Комментарии:

1. Извините, но я должен был быть более ясным, я имел в виду передачу параметров в качестве аргументов функции

Ответ №1:

Нужно использовать такой тип строковых цитат: ` Это не одинарные кавычки, это галочки. На большинстве ноутбуков клавиша находится в левом верхнем углу, под тильдой.

Это позволяет добавлять переменные непосредственно в строку с помощью ${VARIABLE_NAME}

Таким образом, ваша строка будет выглядеть так.

`https://api.themoviedb.org/3/discover/movie?api_key=${my_key}amp;language=en-USamp;include_adult=falseamp;include_video=falseamp;with_watch_monetization_types=flatrate`;

Метки: