wie sollte ich bauen onClick Aktion in meinem reagieren Komponente + Redux

Habe ich durch viele tutorials und Fragen auf Stack, aber ich kann nicht finden eine Lösung. Ich bin nur zu lernen, zu Reagieren/redux, zu bauen versuchen OnClick-Aktion. Ich habe den folgenden Fehler "Maximum call stack size exceeded error". Ich habe das, weil ich bin rendering eine Funktion, die ändert sich mein Zustand unendlich. Ich versuche mich viel mit meinen <button onClick={DisplayTable(click)}>cool</button> anders, aber nichts scheint zu funktionieren.
Ich weiß auch, dass meine Aktion und ich denke, meine Reduzierstücke, arbeitet korrekt, da wenn ich die Versendung meiner Aktion durch die Konsole : $r.store.dispatch({type: 'SET_TABLE_DATA'}); mein Zustand ist ordnungsgemäß aktualisiert.

Irgendwelche Tipps ?

hier ist meine Aktion :

export const setTableFilter = (click) => {
  return {
    type: 'SET_TABLE_DATA',
    click : click,
  };
};

hier ist meine reducer :

const tableFilter = (state = 0, action) => {
    if(action.type === 'SET_TABLE_DATA') {
        return state + 1;
    }
        return state;
  }

und hier ist meine Komponente :

const DisplayTable = (click) => {

        return (
        <div>
            <button onClick={DisplayTable(click)}>cool</button>
        </div> )
    }


function mapStateToProps(state) {
  return {
      click: state.tableFilter.click
  };
};


const mapDispachToProps = (dispatch) => {
    return {
  DisplayTable: (click) => {dispatch (setTableFilter(click));
        },
    };
};

const AppTable = connect(mapStateToProps, mapDispachToProps)(DisplayTable);

export default AppTable;

Ich weiß auch, dass ich, sollte ich meine reducer in einer Weise, dass mein Status sollte aktualisiert werden, ohne mutation, aber ich werde halten Sie diese für später auf ! 🙂

Dank.