with redux & added delete functionality

src/allactions.js

@@ -6,3 +6,11 @@ export function addNewEmp(payload){
     }
     return action;
 }
+
+export function delEmp(index){
+    const action = {
+        type: "DEL_EMP",
+        index
+    }
+    return action;
+}

src/allreducer.js

@@ -5,6 +5,13 @@ function empdatareducer(state = empdata_json, action){
         case "ADD_NEW_EMP":
             let empdata = [...state,action.payload];
             return empdata;
+        case "DEL_EMP":
+            let storedata = [...state];
+            let pos = action.index;
+            console.log("index before splice", action.index);
+            storedata.splice(pos,1);
+            console.log("after splice",storedata);
+            return storedata;
         default:
             return state;
     }

src/components/FormdataTable.js

@@ -1,10 +1,16 @@
 import React,{Component} from 'react';
 import {connect } from 'react-redux';
-
-// import empdata from '../data/employeedata.json';
+import {bindActionCreators} from 'redux';
+import {delEmp} from '../allactions';
 
 class FormdataTable extends Component {
    state = {  }
+    handleDelete(index){
+        this.props.delEmp(index);
+    }
+    handleEdit(index){
+        console.log("Edit:",index);
+    }
    render() {
        console.log(this.props.empdata);
        return (
@@ -61,5 +67,7 @@ function mapStateToProps(state){
         empdata : state
     };
 }
-export default connect(mapStateToProps,null)(FormdataTable);
-// export default FormdataTable;
+function mapDispatchToProps(dispatch){
+    return bindActionCreators({delEmp},dispatch)
+}
+export default connect(mapStateToProps,mapDispatchToProps)(FormdataTable);

src/components/SignupForm.js

@@ -117,5 +117,4 @@ handleSubmit(){
 function mapDispatchToProps(dispatch){
     return bindActionCreators({addNewEmp},dispatch)
 }
-export default connect (null, mapDispatchToProps)(SignupForm)
-// export default SignupForm;
+export default connect (null, mapDispatchToProps)(SignupForm)