Доступ к параметрам запроса с помощью axios

Итак, я использую React во фронтенде и Django в бэкенде, и в настоящее время я делаю интеграцию API, для чего я использую Axios.

Итак, на стороне frontend я вызываю URL следующим образом

http://localhost:3000/attempt/?quiz_id=6

и я хочу, чтобы quiz_id = 6, чтобы потом я мог использовать это для доступа к данным в бэкенде

Я не уверен, как это сделать, я новичок в веб-разработке. Было бы здорово, если бы вы могли сказать мне, что я должен сделать. Я использую функциональные компоненты, если это поможет.

Заранее спасибо

Вы можете взглянуть на документацию axios в github

Если вы хотите сделать GET-запрос, то этого должно быть достаточно:

axios.get('http://localhost:3000/attempt/?quiz_id=6')
  .then((res) => {
    // handle success
    console.log(res);
  })

Также вам доступен такой вид использования:

axios.get('http://localhost:3000/attempt', {
  params: {
    quiz_id: 6
  }
}).then((res) => {
   // handle success
   console.log(res);
  });

Вы можете использовать и это:

const data =  await axios.get('http://localhost:3000/attempt/?quiz_id=6').then(res => res.data);

Вы можете включить динамические quiz_id с помощью параметров. Для этого нужно сделать axios запрос, используя id параметра, который вы хотите обновить, и вернуть:

Ваш код будет выглядеть так:

axios.get('http://localhost:3000/attempt/${quiz_id}', quiz_id);
Вернуться на верх