reactjs - How to pass variable as a parameter in api call fetch in javascript, react native - Stack Overflow

admin管理员组

文章数量:1421185

i am using this api to get results for my app. What i need to do is instead of writing the country name, i will use a variable which will contain the country name. I need to pass it in the api url

var countryName = "south-africa"
const fetchAPI = ()=> {
    return fetch("/$countryName")
    .then((response) => response.json())
    .then((result) => {
      //console.log(result)

i am using this api https://api.covid19api./live/country/south-africa to get results for my app. What i need to do is instead of writing the country name, i will use a variable which will contain the country name. I need to pass it in the api url

var countryName = "south-africa"
const fetchAPI = ()=> {
    return fetch("https://api.covid19api./live/country/$countryName")
    .then((response) => response.json())
    .then((result) => {
      //console.log(result)

• javascript
• reactjs
• fetch

Share Improve this question Follow asked May 24, 2020 at 18:16 Moeez AtlasMoeez Atlas 11622 silver badges1212 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

Solution

My bet would be to use the Javascript string format with magic quotes:

This would lead to

var countryName = "south-africa"
const fetchAPI = ()=> {
    return fetch(`https://api.covid19api./live/country/${countryName}`)
    .then((response) => response.json())
    .then((result) => {
      //console.log(result)

Reference

https://developer.mozilla/en-US/docs/Web/JavaScript/Reference/Template_literals

You can use a template string to achieve that use backticks ` instead of quotes ".

var countryName = "south-africa"
const fetchAPI = ()=> {
    return fetch(`https://api.covid19api./live/country/${countryName}`)
    .then((response) => response.json())
    .then((result) => {
      //console.log(result)

How to use template strings in javascript.

var foo = 'Hello world'


// expected result "my variable foo = Hello world"
console.log(`my variable foo = ${foo}`)

I hope this helps.

You can consider using string literal.

var countryName = "south-africa"
const fetchAPI = ()=> {
    return fetch(`https://api.covid19api./live/country/${countryName}`)
    .then((response) => response.json())
    .then((result) => {

    }

Or String Concatenation:

var countryName = "south-africa"
const fetchAPI = ()=> {
    return fetch("https://api.covid19api./live/country/" + countryName)
    .then((response) => response.json())
    .then((result) => {

    }

Resource: https://developer.mozilla/en-US/docs/Web/JavaScript/Reference/Template_literals

本文标签：