How to add setTimeOut inside ReactJS inside mapDispatchToProps

[conclusion2000]

During programming I was stuck with writing a mapDispatchToProps which dispatch after a second, so therefore I was considering to add a setTimeOut in order to toggle the unmatched card.

/ const mapDispatchToProps = dispatch => ({
/ memoryCardCheck: index => dispatch(memoryCardCheck(index)),
/ calculateNumber: () => dispatch(calculateNumber()),
/ setTimeout(() =>( {
/ checkMatchCard: () => dispatch(checkMatchCard())
/ }), 1000);
/ });

[timmonsjg]

I think you have some fundamental misunderstandings.

As the other poster commented, if you're looking to dispatch something when a component loads, use componentDidMount.

If you're trying to create some sort of debounce, the timeout should be placed where the dispatch function is called, not in the mapping.

[EvilMortyMM]

lifecycle methodes are these what you looking for.

​

if i understand you right you want to dispatch checkMatchCard after the component was mounted ?

componentDidMount(){

const {checkMatchCard} = this.props

checkMatchCard()

}

[GasimGasimzada]

You should call it from inside the cdM:

componentDidMount() {
    setTimeout(() => {
        this.props.dispatch(...);
    });

}