React Code Sample with hooks

ThingComponent.js

import React, { useState, useEffect } from 'react'

const Thing = (props) => {
  let [things, setThings] = useState([])

  useEffect(() => {
  }, [])

  return (
    <ThingView
      things={things}
    />
  )
}

export default Thing

ThingContainer.js

import { connect } from 'react-redux'
import Thing from './ThingComponent'
import { actions } from '../../reducers/thing.reducer'

const mapStateToProps = (state) => ({
  things: state.page.things
})

const mapDispatchToProps = (dispatch) => ({
  getThings: () => dispatch(actions.getThings()),
})

const ThingContainer = connect(mapStateToProps, mapDispatchToProps)(Things)

export default ThingContainer

ThingView.js

import React from 'react'
import styles from './thing-styles.module.scss'
import PropTypes from 'prop-types'

const propTypes = {
  count: PropTypes.number.isRequired
}

const defaultProps = {
  count: 1
}

const ThingView = ({ things }) => {
  return (
    <>
      
    </>
  )
}

ThingView.propTypes = propTypes
ThingView.defaultProps = defaultProps

export default ThingView