title: Issue with Reacts render method :Giving Parsing error
body: <p>Im getting the following error Parsing error: Unexpected token, expected ",",for the below code</p>
  
  <pre><code>class ProductDetails extends React.Component{
  constructor(){
      super();
      this.state = {timer:0};
  }
  start = () =&gt; {
      this.setState({timer:this.state.timer + 1});
  }
  componentDidMount(){
      setInterval(this.start,1000)
  }
  render(){
      var data = [{ _id:12345,
                  pdtName:"Gaming Laptop",
                  pdtPrice:35000,
                  pdtDescription:"An excellent choice for great gaming experience",
                  img:'images/Laptop.jpg',
                  rating:5,
                  isDiscontinued:false
  
              }];
  
      return(
              &lt;h3&gt;Timer: {this.state.timer} &lt;/h3&gt;
  
               data.map(product =&gt;{
                  return &lt;Product pimg={product.img} pid = {product._id} pname = {product.pdtName} pprice = {product.pdtPrice} pdesc = {product.pdtDescription} 
                   prating = {product.rating} pisdiscon = {product.isDiscontinued} key={product._id}/&gt;
              })
  
          )
  }
  </code></pre>
  
  <p>}</p>
  
  <p>When I remove <h3>Timer: {this.state.timer} </h3> from render() Im not getting the error.Simillarly if i remove data.map leaving  not getting error..But when using both getting the above error.How to fix it?</p>
  
  <p>Thanks</p>