javascript - typeError _ref is undefined - Stack Overflow

admin管理员组

文章数量:1244423

I jump into react with just the basic about javascript, I'm making a query in my server that handle mysql and the connection is fine but the return is where I have a problem,it suppose to return a JSON with the query but I found error typeError _ref is undefined here is the function where I connect to my API

callDB(){
    fetch('http://localhost:4000/lista')
    .then((response)=>{
        response.json()
    })
    .then(({data})=>{
        console.log(data);
    })
    .catch((err)=>{console.log(err);});
}

In the data part is where it doesn't work any ideas?thanks before anything

I jump into react with just the basic about javascript, I'm making a query in my server that handle mysql and the connection is fine but the return is where I have a problem,it suppose to return a JSON with the query but I found error typeError _ref is undefined here is the function where I connect to my API

callDB(){
    fetch('http://localhost:4000/lista')
    .then((response)=>{
        response.json()
    })
    .then(({data})=>{
        console.log(data);
    })
    .catch((err)=>{console.log(err);});
}

In the data part is where it doesn't work any ideas?thanks before anything

• javascript
• mysql
• node.js
• reactjs

Share Improve this question Follow edited May 2, 2018 at 8:00 Lokesh Kumar Gaurav 72611 gold badge88 silver badges2424 bronze badges asked May 2, 2018 at 0:22 Antonio GonzalezAntonio Gonzalez 17522 gold badges22 silver badges77 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

It happens when trying to destructure an object from the undefined value, in your case it's { data }.

So in this particular case returning response.json() from the previous then() handler helps, but other readers may have this problem in other cases as well, in this case you either need to provide a default value like {} or explicitly check for undefined before trying to desctucture

You need to return response.json() in your Promise handler :

callDB(){
    fetch('http://localhost:4000/lista')
    .then((response)=>{
        return response.json()
    })
    .then(({data})=>{
        console.log(data);
    })
    .catch((err)=>{console.log(err);});
}

本文标签： javascripttypeError ref is undefinedStack Overflow