How to pass data from promise(axios) to state redux?

Question

JavaScript

componentDidMount(){

     axios.post('/', {})
      .then(function (response) {
        this.props.allDocuments(response.data);
      })

      .catch(function (error) {
        console.log(error);
      });
      
    }

This approach gives me an error:
TypeError: Cannot read property 'props' of undefined
at App.js:15
at
How to pass the context correctly?
Thanks in advance

Answer 1

axios.post('/', {})
  .then((response) => {
    this.props.allDocuments(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

Or use bind.

Answer 2

Specifically in your example, you can just keep a reference to this or use any other options for binding / context forwarding ...

const that = this
that.props...

But this is bad(!!!) advice. Since most likely you are doing something "not according to the textbook." In componentDidMount you should have an action creator call, inside of which axios will be called and from then from which you will dispatch the event.
ps don't forget about redux-thunk included, otherwise you will have to import dispatch into your actions, which will also be out of the tutorial ;)