reagieren js mapStateToProps löst Uncaught TypeError: Cannot read property 'map' of undefined

Habe ich eine index.js das macht alle Tabellen in der Datenbank.

_renderAllTables() {
const { fetching } = this.props;

let content = false;

if(!fetching) {
  content = (
    <div className="tables-wrapper">
      {::this._renderTables(this.props.allTables)}
    </div>
    );
}

return (
  <section>
    <header className="view-header">
      <h3>All Tables</h3>
    </header>
    {content}
  </section>
);
}

_renderTables(tables) {

return tables.map((table) => {
  return <Table
            key={table.id}
            dispatch={this.props.dispatch}
            {...table} />;               
});
}

render() {
return (
  <div className="view-container tables index">
    {::this._renderAllTables()}
  </div>
  );
 }
}
const mapStateToProps = (state) => (
  state.tables);

export default connect(mapStateToProps)(HomeIndexView);

Änderte ich mapStateToProps aus dem obigen code folgenden code.

 const mapStateToProps = (state) => ({
tables: state.tables,
currentOrder: state.currentOrder,
});

Der Grund, warum ich geändert, code, den ich verwenden wollte ein Staat von currentOrder. Ich habe einen Staat, der zeigt, ob der Tisch besetzt ist oder nicht. Also, um zu verwenden, die ich Hinzugefügt currentOrder in mapStateToProps. Allerdings löst es Uncaught TypeError: Cannot read property 'map' of undefined..

Wie kann ich Zustände von den anderen Komponenten? irgendwelche Vorschläge dafür??

Vielen Dank im Voraus..

--reducer.js

 const initialState = {
  allTables: [],
  showForm: false,
  fetching: true,
  formErrors: null,
   };


  export default function reducer(state = initialState, action = {}) {
   switch(action.type){
    case Constants.TABLES_FETCHING:
        return {...state, fetching: true};

    case Constants.TABLES_RECEIVED:
        return {...state, allTables: action.allTables, fetching: false};

    case Constants.TABLES_SHOW_FORM:
        return {...state, showForm: action.show};

    case Constants.TALBES_RESET:
        return initialState;

    case Constants.ORDERS_CREATE_ERROR:
        return { ...state, formErrors: action.errors };


    default:
        return state;
   }
 }