CounterReset.js

import React from 'react'
import {Text, TouchableOpacity, View} from 'react-native'
import RunPicker from './RunPicker'

import {bindActionCreators} from 'redux';
import * as appActions from '../actions/appActions';
import { connect } from 'react-redux';

const CounterReset = (props) => {
  const {counter, dispatch} = props;

  return (
    <TouchableOpacity onPress={() => dispatch(appActions.resetcounter())}>
      <View>
        <Text>{counter}</Text>
      </View>
    </TouchableOpacity>
  );
};


const styles = {
};

export default connect(
  (state) => ({}),
  (dispatch) => ({dispatch})
)(CounterReset);