Axios return [object Object] from an API request

Question

I want to get data from an API , But when I log the data , it returns [ object Object]

 componentDidMount() {
  axios
   .get("https://jsonplaceholder.typicode.com/users")
   .then((response) => response.data
   )
   .then((users) => {
    this.setState({ Robots: users });
   });
 }

it gives me an Error when i try to filter the Robots object :

const filteredRobots = this.state.Robots.filter((robot) => {
   return robot.name
    .toLowerCase()
    .includes(this.props.SearchField.toLowerCase());
  });```

`[object Object]` usually means that you coerced an object into a string context somewhere. https://stackoverflow.com/questions/4750225/what-does-object-object-mean — CBroe, Mar 22 '21 at 12:28
Well, if you're pulling JSON, you want some kind of object... right? — Heretic Monkey, Mar 22 '21 at 12:29
@HereticMonkey Exactly, the API returns JSON, but I guess axion Convert it to object — Youssef Lotfi, Mar 22 '21 at 12:36
Well, it is what [the documentation](https://www.npmjs.com/package/axios#response-schema) says... — Heretic Monkey, Mar 22 '21 at 12:44
@MikaelsSlava JSON is not an object. JSON is a text format. See https://stackoverflow.com/questions/2904131/what-is-the-difference-between-json-and-object-literal-notation — Heretic Monkey, Mar 22 '21 at 12:45
The question is whether the object it parses from the JSON returned from the API is what you expect. Apparently not. However, you've not shared with us what you're expecting. — Heretic Monkey, Mar 22 '21 at 12:47

score -1 · Answer 1 · answered Mar 22 '21 at 12:39

-1

What do you need two .then for? That's probably where the object stops being an object.

componentDidMount() {
  axios
   .get("https://jsonplaceholder.typicode.com/users")
   .then((response) => {
     console.log(response.data)
     this.setState({ Robots: response.data })
   });
 }

answered Mar 22 '21 at 12:39

Mikaels Slava

154
2
7

It doesn't matter. The first `then` returns the `data` property. The second `then` takes that output as `users` and sets the state appropriately. One `then` or two, the same data goes to the same place. – Heretic Monkey Mar 22 '21 at 12:53
@HereticMonkey makes sense. So you're saying the data received is not JSON to begin with? – Mikaels Slava Mar 22 '21 at 12:56
No, I'm saying it was JSON, just not what the OP expected. – Heretic Monkey Mar 22 '21 at 13:10

Axios return [object Object] from an API request

1 Answers1