Javascript 使用React组件呈现UI时出错

我正在使用需要在UI中呈现的基本react组件，但当我尝试这样做时，我面临以下问题

未捕获错误：分析错误：第37行：意外标记} 在 } ^

请在下面找到我的jxs文件

var Body=React.createClass({
    render: function () {
        return(
            <div>
            <div className="header_div">
                <img src="images/newsradio.png" className="_logo" />
                    <button type="button" className="btn btn-default btn-lg login-btn">
                        <i className="fa fa-facebook fa-1.5x fbtn" styles="font-weight: bold;"></i><span>Login</span>
                    </button>
            </div>
            <div className="container_div">
            <div className="headers">
            <div className="production">Production</div>
            <div className="preprod">Pre-Production</div>
            <div className="qa">QA</div>
            <div className="dev" styles="width: 17%;">Development</div>
            </div>
            <ul className="production_block_main">
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            <li className="hovicon effect-1 sub-a"><img src="images/QA_tool_b.png" styles="margin-right: 30px;" /><span styles="font-family:initial">Enterprise</span></li>
            </ul>
            <div>

        );
    }  //This line is showing as error in my browser
})

var Body=React.createClass({
渲染：函数（）{
返回(
登录
生产
前期制作
质量保证
发展

企业级
企业级
企业级
企业级
企业级
企业级
企业级
企业级
企业级
企业级
企业级
企业级
企业级
企业级

);
}//此行在我的浏览器中显示为错误
})

您在

之前错过了

，同时关闭最后一个

您在

之前错过了

，同时关闭最后一个

     </ul>
  </div>
</div>