Passing in URL params in axios with react-redux

Question

I'm trying to pass in a value to the URL param after the axios call it does not go through. code below explains my problem:

export function fetchUser(id) {
  console.log(id) // works
 return function(dispatch, id) {
  console.log(id) // does not work
    axios.get("https://jsonplaceholder.typicode.com/users?id=" + id)
      .then((response) => {
        dispatch({type: "FETCH_USER_FULFILLED", payload: response.data})

      })
      .catch((err) => {
        dispatch({type: "FETCH_USER_REJECTED", payload: err})
      })
  }
}

Are you sure you fired the inner function like this: fetchUser(id)(dispatch, id)? — Bruce Mu
– Bruce Mu, Commented Nov 21, 2016 at 6:54

nikjohn · Accepted Answer · 2016-11-21 06:07:56Z

2

You have used an id in your fetchUser function as well as in your return function.

export function fetchUser(id) {
console.log(id) // works
 return function(dispatch) {
  console.log(id) // will work
    .......
}

Try removing it from your return function like shown above

Or if you're using fetchUser as a middleware function, you can remove id as a param in fetchUser and add it as a param only in your return function

answered Nov 21, 2016 at 6:07

nikjohn

22.1k16 gold badges58 silver badges88 bronze badges

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

Collectives™ on Stack Overflow

Passing in URL params in axios with react-redux

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