小编Hao*_*ang的帖子

从 Firebase 获取数据时,Redux Toolkit 中的 createAsyncThunk 会产生未定义的有效负载

createAsyncThunk从存储在集合中的 Google Firebase 获取笔记数据时,我使用Redux Toolkit 中的 APInotes

notebookSlice.js我定义了函数 thunk 和 slice

import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
const firebase = require('firebase');

export const fetchNotes = createAsyncThunk(
  'users/fetchNotes',
  async () => {

    firebase.firestore().collection('notes').get()
      .then((snapshot) => {
        var data = [];
        snapshot.forEach((doc) => {
          data.push({
            title: doc.data().title,
            body: doc.data().body,
            id: doc.id
          })
        });


        console.log(data); // not null
        return data;
      })
      .catch((err) => {
        console.log(err)
      });



  }
)


export const notebookSlice = createSlice({
  name: 'notebook',
  initialState: {
    selectedNoteIndex: …
Run Code Online (Sandbox Code Playgroud)

javascript promise reactjs redux redux-toolkit

2
推荐指数
1
解决办法
5770
查看次数

标签 统计

javascript ×1

promise ×1

reactjs ×1

redux ×1

redux-toolkit ×1