How pass URL from API to Action (ReactJS)

Question

Get API file

import { apiUrl } from '../config'
const baseUri = apiUrl
const uri = {
outline : '/course/income/outline'
 }
const getURI = (key) => baseUri + uri[key]

module.exports = { apiMiddleware, get, post, put, ...{ delete: del }, uri, getURI }

Try pass this to my axios URL

import Api from '../middleware/api'
    export function IncomeList () {

        return dispatch => {

            return (

                axios.post(Api.getURI(outline),{}, {
          headers: { 'X-Authenticated-Userid': '15000500000@1' }
         }).then(function (response) {


                    console.log(response.data);
                    dispatch(receiveData(response.data.body));

                })
            .catch((error) => {
                    console.log(error);
                })
                )
        }
    }

But I get error Uncaught ReferenceError: outline is not defined. How to Pass correct URL ?

Pavlo · Accepted Answer · 2017-01-23 12:15:11Z

1

Pass string literal to getURI method:

Api.getURI('outline')

Calling Api.getURI(outline) makes interpreter look for outline variable, which is undefined in the current scope (hence ReferenceError).

Protip: linter, like ESLint, would catch this error early.

edited Jan 23, 2017 at 12:15

answered Jan 23, 2017 at 12:10

Pavlo

45.2k14 gold badges83 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How pass URL from API to Action (ReactJS)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related