connect( (state) => ({ counter: state.data.counterTwo, }), (dispatch) => ({ increment: (name) => dispatch(actions.incrementCounter(name)), decrement: (name) => dispatch(actions.decrementCounter(name)) }) )(PageTwo)
connect( state => ({loaded: state.loaded, loading: state.loading, data: state.data, dataTable: state.dataTable}), {handleRequestSort, handleChangePage, handleChangeRowsPerPage, editRecord, deleteRecord, toggleDialog} )(DataTableContainer)
export default function FilmList() { const films = useSelector(state => state.data, shallowEqual); const [addFilmActionDispatch] = useActions([addFilmAction]); const addFilm = useCallback(() => addFilmActionDispatch('Apollo 11'), [addFilmActionDispatch]); return ( <> <ul> {films.map(film => ( <li key={film}>{film}</li> ))} </ul> <AddFilmButton onAddFilm={addFilm} /> </> ); }
connect(state => ({ data: { users: state.data.users, }, services: { routeHistory: state.services.routeHistory, }, }), dispatch => ({ actions: { users: bindActionCreators(usersActionCreators, dispatch), }, }))(Users)
export default function CourseList() { const courses = useSelector(state => state.data); const dispatch = useDispatch(); function addCourse() { dispatch({ type: 'ADD_COURSE', title: 'GraphQL' }); } return ( <> <ul> {courses.map(course => <li key={course}>{course}</li>)} </ul> <button type="button" onClick={addCourse}> addCourse </button> </> ); }
export default function CourseList() { const qty = 2; const courses = useSelector( state => state.data.slice(0, qty), [qty] ); const dispatch = useDispatch(); function addCourse() { dispatch(AddCourseAction('Redux')) } return ( <> <ul> {courses.map(course => ( <li key={courses}>{course}</li> ))} </ul> <button type="button" onClick={addCourse}> Adicionar Curso </button> </> ); }
connect( state => ({ data: state.data }), dispatch => ({ onGetData: () => dispatch(getData()) }) )(App)
connect( state => { return { data: state.data }; }, dispatch => { return { getData: getData(dispatch) }; } )(Welcome)
connect(( state ) => { return { router:state.router, data:state.data } })
connect( (state) => ({ counter: state.data.counterOne, }), (dispatch) => ({ increment: (name) => dispatch(actions.incrementCounter(name)), decrement: (name) => dispatch(actions.decrementCounter(name)) }) )(PageOne)
connect( state => ({ data: state.data }) )(Home)
connect(( state ) => { return { router:state.router, data:state.data } })
connect(state => ({ data: state.data }))
connect(state => ({ data: state.data }))