import { useSelector, useDispatch } from 'react-redux';
import { callForHelp } from './heroActions';

const HeroList = (props) => {  //The component uses a selector to get `heroes`
  const heroes = useSelector(state => state.heroes);
  const dispatch = useDispatch();
  const callHero = hero => dispatch(callForHelp(hero));
  ...
}

export default HeroList;