const mapDispatchToProps = (dispatch) => { return { increment: () => dispatch(increment()), decrement: () => dispatch(decrement()), incrementByAmount: (amount) => dispatch(incrementByAmount(amount)), incrementAsync: (amount) => dispatch(incrementAsync(amount)), }; }
CSSModules(({ id, value }) => { const dispatch = useDispatch() return ( <Card> <CardContent> <div onClick={() => dispatch(increment(id))} data-cy="increment"> <KeyboardArrowUpIcon /> </div> <Typography>{value}</Typography> <div onClick={() => dispatch(decrement(id))} data-cy="decrement"> <KeyboardArrowDownIcon /> </div> </CardContent> </Card> ) }, styles)
className={styles.button} aria-label="Increment value" onClick={() => dispatch(increment())}
className={styles.button} aria-label="Increment value" onClick={() => dispatch(increment())}
className={styles.button} aria-label="Increment value" onClick={() => dispatch(increment())}
className={styles.button} aria-label="Increment value" onClick={() => dispatch(increment())}
className={styles.button} aria-label="Increment value" onClick={() => dispatch(increment())}
className={styles.button} aria-label="Increment value" onClick={() => dispatch(increment())}
className={styles.button} aria-label="Increment value" onClick={() => dispatch(increment())}