React Native Redux createStore error:undefined is not an object(evaluating 'action.type')

0
votes

I'm use Redux with ReactNative,I'd like to create a store with reducer

And,I got error below, point to line 'switch (action.type)' in function switchToTab() in reducer.js 

undefined is not an object(evaluating 'action.type')

Here is my actions.js

export const SWITCH_TAB = 'switchTab'

export function switchTab(index) {

return {
    type: SWITCH_TAB,
    index: index
}

}

Here is my reducer.js

import { SWITCH_TAB } from './actions.js'

export function switchToTab(state = {}, action) {

switch (action.type) {//error point to this line

    case SWITCH_TAB:
        return Object.assign({}, ...state, {
            index: action.index
        });
    break;

    default:
        return state;
}

}

Here is createStore:

import { createStore } from 'redux';
import { switchToTab } from './reducer.js'

export default class MainPage extends Component {
    constructor(props) {
    super(props);
    this.state = {
        index:0
    };

    let store = createStore(switchToTab());
}
1
javascriptreact-nativereduxreact-redux
Where is the code that dispatches the action? Looks like it's dispatching an empty variable instead of an action - Juan Mendes

1 Answers

1
votes

You dont call the reducer when you create the store. createStore accepts a reducer function as its first argument.

import { createStore } from 'redux';
import { switchToTab } from './reducer.js'

export default class MainPage extends Component {
    constructor(props) {
    super(props);
    this.state = {
        index:0
    };

    let store = createStore(switchToTab); // dont call this here, just pass it
}