Question

80

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'setState')

rated 0 times [ 82] [ 2] / answers: 1 / hits: 12795 / 2 Years ago, sat, march 26, 2022, 12:00:00

I am getting this error:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'setState')

and this is my code:

class Table extends Component {

    constructor (props) {

        super(props);

        this.state = {

            employees: [],

        }

    }

    componentDidMount() {

        this.getEmployeeList();

    }

    getEmployeeList = () => {

        axios.get("employee/list")

        .then(function(response) {



            this.setState({

                employees: response.data,

            });



        });

        console.log(this.state.employees)

    }

     

    // Remaining codes

    

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

haylie

Add To Favorites

Follow

Total Points: 26

Total Questions: 108

Total Answers: 104

Location: France

Member since Thu, Oct 27, 2022

2 Years ago

haylie questions

1 Node JS crypto.createCipheriv Error: Invalid key length

Thu, Nov 19, 20, 00:00, 4 Years ago

1 Uncaught ReferenceError: Cannot access 'stocks' before initialization

Thu, Jun 4, 20, 00:00, 4 Years ago

1 +(readLine()) gives ReferenceError

Thu, May 7, 20, 00:00, 4 Years ago

1 Discord.js meme command with meme subreddit returns image as 403 forbidden

Tue, Apr 21, 20, 00:00, 4 Years ago

1 Strike through any item in a list created using material ui and Reactjs

Tue, Mar 24, 20, 00:00, 4 Years ago

View All

answered 2 Years ago jovanymarshalld · Accepted Answer

This is because the callback you pass in is a function expression, which has its own this binding.

To solve this error you can:

Use arrow functions:

getEmployeeList = () => {

  axios

    .get("employee/list")

    .then((response) => {

      this.setState({

        employees: response.data,

      });

    });

};

Save this to self variable, and call it instead:

getEmployeeList = () => {

  const self = this;

  axios

    .get("employee/list")

    .then(function (response) {

      self.setState({

        employees: response.data,

      });

    });

};