code-splitting-4.js

// pages/jobs.js
import Jobs from '../components/Jobs'
export default Jobs

// components/Jobs.js
import { addJob, removeJob } from '../data/jobs'
const Jobs = () => {
  return <></>
}
const mapStateToProps = (state) => {
  return {
    jobs: state.jobs,
  }
}
const mapDispatchToProps = (dispatch) => ({
  addJob: (payload) => dispatch(addJob(payload)),
  removeJob: (payload) => dispatch(removeJob(payload))
})
export default connect(mapStateToProps, mapDispatchToProps)(Jobs)