Как прокинуть данные из promise(axios) в state redux?

Question

[Михаил Ярема]

componentDidMount(){

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

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

Такой подход мне выдает ошибку:
TypeError: Cannot read property 'props' of undefined
at App.js:15
at

Как правильно передать контекст?
Заранее спасибо

Comments

[Mikhail Osher]

Почитайте про https://developer.mozilla.org/en-US/docs/Web/JavaS...

[Михаил Ярема]

хорошо спасибо

Answer 1

[0xD34F]

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

Или bind используйте.

Comments

[Михаил Ярема]

а по конкретней можно где мне bind писать)
заранее спасибо

[0xD34F]

frezebloom, как-то так:

function (response) {
  this.props.allDocuments(response.data);
}.bind(this)

Answer 2

[Максим]

Конкретно в вашем примере, вы можете просто сохранить ссылку на this или использовать любые другие варианты привязки/проброса контекста...

const that = this
that.props...

Но это вредный(!!!) совет. Так как скорее всего вы что-то делаете "не по учебнику". В componentDidMount у вас должен быть вызов action creator'a, внутри которого будет вызываться axios и из then которого вы будете dispatch'ить событие.

p.s. не забывайте про подключенный redux-thunk, иначе вам придется dispatch импортировать в свои экшены, что тоже будет не по учебнику ;)

Comments

[Михаил Ярема]

а где нибудь есть пример как это должно выглядить?

[Максим]

frezebloom, конечно есть! Async actions (doc en), здесь в целом про redux (но устарели версии библиотек), ну и гугл

[Михаил Ярема]

спасибо посмотрю