text: import React from 'react';
  import './GoalList.css';
  import NewGoal from '../NewGoal/NewGoal.js';
  
  function GoalList(props) {
    console.log(props.goals);
    return (
      <ul className="goal-list">
        {
          props.goals.map( (goal) => {
            return <li key={goal.id}>{goal.text}</li>;
        })};
      </ul>
    );
  };
  
  export default GoalList;
  