如何在添加javascript代码时修复Visual Studio中的意外标记

我已经修改了这个网站上的代码 https://codepen.io/mgmarlow/pen/YwJGRe 要让六列而不是两列,当我将代码添加到Visual Studio中时,会出现语法错误。

我尝试复制并粘贴来自 https://codepen.io/mgmarlow/pen/ywjgre 到此javascript验证站点 http://esprima.org/demo/validate.html 它还表示语法错误意外标记<

这可能是一个简单的问题,但我不熟悉JavaScript。

 render () {
return (
  <div className="container">
    <div id="block1" className="container">
      <Card body="Card 3"/>
      <Card body="Card 4"/>
    </div>
        <div id="block2" className="container">
      <Card body="Card 5"/>
      <Card body="Card 6"/>
    </div>            

    <div id="block3" className="container">
      <Card body="Card 1"/>
      <Card body="Card 2"/>
    </div>
    <div id="block4" className="container">
      <Card body="Card 7"/>
      <Card body="Card 8"/>
    </div>
        <div id="block5" className="container">
      <Card body="Card 9"/>
      <Card body="Card 10"/>
    </div>            

    <div id="block6" className="container">
      <Card body="Card 11"/>
      <Card body="Card 12"/>
    </div>
  </div>
    );
  }
}