在react中使用Redux工具包的createEntityAdapter时出错

Question

我在使用ReduxToolkit错误的对象时遇到了问题: TypeError: createEntityAdapter (...)不是函数

供应商切片:从'@reduxjs/toolkit‘导入{ createSlice，createAsyncThunk，createEntityAdapter }从' axios’导入axios

export const getSupplierData = createAsyncThunk(
    'supplier/getSupplierData', async () => {
        const response = axios.get(
        "http://127.0.0.1:8000/supplier/"
        );
        const data = await (await response).data
        return data
    })

const suppliersAdapter = createEntityAdapter({})


export const { selectAll:selectSuppliers} = suppliersAdapter.getSelectors(
    state=>state.suppliers
)


export const supplierSlice = createSlice({
    name: 'supplier',
    initialState:suppliersAdapter.getInitialState({}),
    reducers: {},
    extraReducers: {
        [getSupplierData.fulfilled]:(state,action)=>action.payload
    }
})


export default supplierSlice.reducer

supplier.js

import { useDispatch } from 'react-redux'
import { getSupplierData,selectSuppliers} from './SupplierSlice'
const dispatch = useDispatch()
const classes = useStyles();
useEffect(() => {
   dispatch(getSupplierData()) 
}, [])
const suppliers = useSelector(selectSuppliers)
console.log(suppliers)

Answer 1

如下所示更改您的代码：

export const getSupplierData = createAsyncThunk(
    'supplier/getSupplierData', async () => {
        const response = await axios.get(
        "http://127.0.0.1:8000/supplier/"
        );
        const data = await response.data;
        return data
});