Home > Net >  How to replace mapStateToProps to hook useSelector?
How to replace mapStateToProps to hook useSelector?

Time:07-19

How to replace this mapStateToProps code to hook useSelector? I have never worked with redux before, and need to make quick changes to the code.


interface BasicProductMarksListOwnProps {
   productMarks: MarkResult[];
}
interface BasicProductMarksListStore {
   productMarksState: AdditionalFilterState;
}
interface BasicProductMarksListActions {
   onProductMarkChange: (productMarkGroupId: GenericId, isActive: boolean) => 
       () => void;
}

export type BasicProductMarksListProps = BasicProductMarksListOwnProps 
    & BasicProductMarksListStore & BasicProductMarksListActions;


const mapStateToProps: MapStateToProps<BasicProductMarksListStore, 
    BasicProductMarksListOwnProps, ApplicationState> = (state) => ({
   productMarksState: productMarksGroupStateSelector(state),
});

CodePudding user response:

From the code you provided I assume the following would work.

const productMarks = useSelector(state => productMarksGroupStateSelector(state)).

Make sure to execute the code above inside a functional component.

  • Related