title: map() function error. Can this component be further improved
body: <p>I am new to Javascript and React. This code is showing errors and Can this code be further improved. Any suggestions? Please be abstract I want to implement it. </p>
  
  <pre><code>import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import { Link } from 'react-router-dom';
  
  export class Projects extends Component {
      static propTypes = {
          projects: PropTypes.array.isRequired
      };
  
      render() {
          const { projects } = this.props;
  
          return (
              &lt;div className="projects container"&gt;
                  &lt;Link to="/projects/new" className="btn"&gt;
                      New project
                  &lt;/Link&gt;
  
                  {projects.map(project =&gt; (
                      &lt;div&gt;
                          &lt;span className="language origin"&gt;
                              {project.languageFrom}
                          &lt;/span&gt;
                          &lt;span className="language destination"&gt;
                              {project.languageTo}
                          &lt;/span&gt;
                      &lt;/div&gt;
                  )}
              &lt;/div&gt;
          );
      }
  };
  </code></pre>