Javascript 预期相应的JSX关闭错误

Javascript 预期相应的JSX关闭错误,javascript,reactjs,Javascript,Reactjs,我正在用Reactjs构建web应用程序。在从data server映射记录的循环中,我遇到以下错误: 预期相应的JSX关闭 在这条线上 <h5>Still Water <br> 500 ml</h5> 静水500毫升 完整的catalog.jsx代码: var React = require('react'); var Parse = require('parse').Parse; var ParseReact = require('parse-reac

我正在用Reactjs构建web应用程序。在从data server映射记录的循环中,我遇到以下错误:

预期相应的JSX关闭

在这条线上

<h5>Still Water <br> 500 ml</h5>
静水
500毫升
完整的catalog.jsx代码:

var React = require('react');
var Parse = require('parse').Parse;
var ParseReact = require('parse-react');

module.exports = React.createClass({
mixins: [ParseReact.Mixin],

getInitialState: function() {
  return {
    error: null,
    signup: false
  };
},
//Observe Function - a newly proposed function for prarse react integration
observe: function() {
  //declare any variable you need here.
  return {
    product: (new Parse.Query('product'))
              .ascending('createdAt')
  };
},

  render: function() {
    var content = (
      <div>
        no product
      </div>
    );

    if(this.data.product.length){
      var content = (
        <div >
          {this.data.product.map(function(p) {

            return (
              //<div>Abdulrhman</div>

                //From Design
                <div className="col-md-4">

                    <div className="item text-center">

                        <div className="photo">
                            <img src="images/small-blue.png">
                            <br><br>
                            <h5>Still Water <br> 500 ml</h5>
                        </div>

                        <div className="action">
                            <button type="button" className="btn btn-primary">Add</button>
                        </div>

                    </div>
                </div>

            );
          }, this)}
        </div>

      );

    }
    else{
      var content = (<div>

      </div>)
      }
    return content;
  },

  ImgSizeFnc: function(size){
    if(size === 'small')
    return 'width="100px" height="1000px"';
  }

});
var React=require('React');
var Parse=require('Parse')。Parse;
var ParseReact=require('parse-react');
module.exports=React.createClass({
Mixin:[ParseReact.Mixin],
getInitialState:函数(){
返回{
错误:null,
报名:假
};
},
//观察功能-新提出的prarse react集成功能
注意:函数(){
//在这里声明您需要的任何变量。
返回{
product:(新建Parse.Query('product'))
.升序('createdAt')
};
},
render:function(){
变量内容=(
无产品
);
if(this.data.product.length){
变量内容=(
{this.data.product.map(函数(p)){
返回(
//阿卜杜勒曼
//来自设计


静水
500毫升 添加 ); },这个)} ); } 否则{ 变量内容=( ) } 返回内容; }, ImgSizeFnc:功能(大小){ 如果(大小=='small') 返回'width=“100px”height=“1000px”'; } });

我需要找出这个错误。

所有标签都需要关闭:

您的



相同的错误跟踪?与错误行完全相同?我没有得到你,对不起,你能澄清吗?是的,相同的错误跟踪与错误行完全相同。只是编辑,因为你需要对img标签执行相同的操作
<br />
<img src="images/small-blue.png" />