Posted on

anansh

// src/App.js

import React from 'react';
import './App.css';
import { connect } from 'react-redux';
import { increment, decrement, reset } from './actions';

const App = ({ count, increment, decrement, reset }) => {
    return (
        <div>
            <h1>Counter App with Redux</h1>
            <p>Count: {count}</p>
            <button>Increment</button>
            <button>Decrement</button>
            <button>Reset</button>
        </div>
    );
};

const mapStateToProps = state =&gt; ({
    count: state.count
});

const mapDispatchToProps = {
    increment,
    decrement,
    reset
};

export default connect(mapStateToProps, mapDispatchToProps)(App);