We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see ourdocumentation.
There was an error while loading.Please reload this page.
1 parent45c45e9 commit49b0950Copy full SHA for 49b0950
src/features/pages/CarsPage.js
@@ -1,17 +1,20 @@
1
importReact,{useEffect}from"react";
2
-import{connect}from"react-redux";
+import{useDispatch,useSelector}from"react-redux";
3
import{carData}from"../../_fixtures/mockCarData";
4
importCarfrom"../car/Car";
5
importOptionsfrom"../option/Options";
6
import{addAllCars}from"../../store/actions/car";
7
8
-constCarsPage=({ cars, addAllCars})=>{
+constCarsPage=()=>{
9
+constdispatch=useDispatch();
10
+constcars=useSelector((state)=>state.car.cars);
11
+
12
useEffect(()=>{
13
// simulate ajax load
14
setTimeout(()=>{
-addAllCars(carData);
15
+dispatch(addAllCars(carData));
16
},500);
-},[addAllCars]);
17
+},[dispatch]);
18
19
return(
20
<div>
@@ -30,12 +33,4 @@ const CarsPage = ({ cars, addAllCars }) => {
30
33
);
31
34
};
32
35
-constmapStateToProps=(state)=>({
-cars:state.car.cars,
-});
36
-
37
-constmapDispatchToProps={
38
- addAllCars,
39
-};
40
41
-exportdefaultconnect(mapStateToProps,mapDispatchToProps)(CarsPage);
+exportdefaultCarsPage;