text: import React, { Component } from 'react';
  import { connect } from 'react-redux';
  
  const CommentList = (props) => {
      const list = props.comments.map(comment => <li key={comment}>{comment}</li>);
      return (
          <ul className="comment-list">{list}</ul>
      )
  }
  
  function mapStatetoProps(state) {
      return {
          comments: state.comments
      };
  }
  
  export default connect(mapStatetoProps)(CommentList);
  