TeacherIntroductions.jsx

import React, { Component } from 'react';

const TeacherIntroductions = ({ teachers }) => (
  <ul className="teacher-introductions">
    {teachers.map((teacher, index) => {
      return <TeacherIntroduction key={`teacher-${teacher.id}`} teacher={teacher} />;
    })}
  </ul>
)

const mapStateToProps = state => {
  return state.teachers
}

export default connect(mapStateToProps)(TeacherIntroductions)