Реагируйте, пытаясь передать асин c вызов в реквизит

Question

Итак, что я пытаюсь сделать, это в основном вызвать функцию asyn c, а затем попросить mapStateIntoProps передать ее в props в фактический компонент. Когда я это получаю, я получаю console.log (), который показывает, что мои данные там ожидают.

here is my first file that has the async func
   export const getIdMovie = async (state,movieId)=>{
  let data= await axios
  .get(
    `https://api.themoviedb.org/3/movie/${movieId}? 
      api_key=${APIKEY}&language=en-US`
  )
  let results=data.data

  return results
}

this is where i try to call it on the second file
injectDataReducer(store, { key: "movie", reducer: MovieReducer });

const mapStateToProps = (state, ownProps) => ({
  movie: getIdMovie(state,ownProps.movieId)
});

Answer 1

Если getIdMov ie является создателем действия, вам придется использовать redux-thunk . Reducer обновляет хранилище асинхронно при отправке и действии, чтобы избежать изменения одних и тех же данных несколькими действиями отправки.

`` `` Кроме того, вам сначала нужно будет установить состояние, например, фильмы, в редуктор, а затем обновить данные оттуда в свой компонент .``