试图通过API调用来更新initialData

• Z时代
• 2024-01-10
• 分类：问答

我试图用API调用更新我的应用程序的initialData。试图通过API调用来更新initialData

我收到错误：（0，_configureStore2.default）不是函数。

这里是我的反应/ Redux的设置，

// app.js 
import { Provider } from 'react-redux' 
import configureStore from './config/configureStore'; 
import AppNavigation from './navigation' 
import { eventsFetchData } from './actions/events' 
const store = configureStore(); 
// dispatch action to get array of events for app 
store.dispatch(eventsFetchData()); 
export default class App extends Component { 
    render() { 
    return (
     <Provider store={store}> 
     <AppNavigation /> 
     </Provider> 
    ); 
    } 
} 

我使用的是thunk让我的事件数据：

export const eventsHasErrored = bool => ({ 
     type: 'EVENTS_HAS_ERRORED', 
     hasErrored: bool 
}) 
export const eventsIsLoading = bool => ({ 
     type: 'EVENTS_IS_LOADING', 
     isLoading: bool 
}) 
export const eventsFetchDataSuccess = events => ({ 
     type: 'EVENTS_FETCH_DATA_SUCCESS', 
     events 
}) 
export function eventsFetchData(url) { 
    return (dispatch) => { 
     dispatch(eventsIsLoading(true)); 
     fetch(url) 
      .then((response) => { 
       if (!response.ok) { 
        throw Error(response.statusText); 
       } 
       dispatch(eventsIsLoading(false)); 
       return response; 
      }) 
      .then((response) => response.json()) 
      .then((events) => dispatch(eventsFetchDataSuccess(items))) 
      .catch(() => dispatch(eventsHasErrored(true))); 
    }; 
} 

我的减速器是：

export function eventsHasErrored(state = false, action) { 
    switch (action.type) { 
     case 'EVENTS_HAS_ERRORED': 
      return action.hasErrored; 
     default: 
      return state; 
    } 
} 
export function eventsIsLoading(state = false, action) { 
    switch (action.type) { 
     case 'EVENTS_IS_LOADING': 
      return action.isLoading; 
     default: 
      return state; 
    } 
} 
export function events(state = [], action) { 
    switch (action.type) { 
     case 'EVENTS_FETCH_DATA_SUCCESS': 
       return { 
     ...state, 
     ...action.events, 
     }; 
     default: 
      return state; 
    } 
} 
export function calendarView(state = null, action) { 
    switch (action.type) { 
     case 'CALENDAR_VIEW': 
      return action.viewType; 
     default: 
      return state; 
    } 
} 

这是我的商店：

const initialState = { 
    eventsHasErrored: false, 
    eventsIsLoading: true, 
    events: [], 
    calendarView: 0 
}; 
const reduxLogger = createLogger(); 
const store = createStore(
    rootReducer, 
    initialState, 
    applyMiddleware(thunk, reduxPromise, reduxLogger) 
); 
export default store; 

如何从api调用中更新我的initialState？

回答：

// app.js 
import { Provider } from 'react-redux' 
import store from './config/configureStore'; 
import AppNavigation from './navigation' 
import { eventsFetchData } from './actions/events' 
// dispatch action to get array of events for app 
store.dispatch(eventsFetchData()); 
export default class App extends Component { 
    render() { 
    return (
     <Provider store={store}> 
     <AppNavigation /> 
     </Provider> 
    ); 
    } 
} 

const store = createStore(
    rootReducer, 
    initialState, 
    applyMiddleware(thunk, reduxPromise, reduxLogger) 
); 
export default store; 

以上是 试图通过API调用来更新initialData 的全部内容， 来源链接： utcz.com/qa/266105.html