【问题标题】:Error saying Parsing Error: Unexpected token错误提示 Parsing Error: Unexpected token
【发布时间】:2019-08-18 03:10:40
【问题描述】:

我在 for 循环中的条件语句中收到错误作为意外标记。

我不知道第 46 行中的预期字符和意外字符有什么问题(这是 for 循环 for (var d = 1; d<=daysInWeek; d++))。

    let numberOfDays = this.state.dateClicked.daysInMonth()
    var dayArray = []
    const daysInWeek = 7;
    let weeks = parseInt(numberOfDays/7)
    for (var w = 1; w <= weeks; w++) {
      dayArray.push(<div className="row justify-content-center">)
      var dayNumber;
      for (var d = 1; d<=daysInWeek; d++) {
        dayNumber = (w-1)*(daysInWeek) + d
        dayArray.push(<div className="col-md-1" style={style.cell} key={dayNumber} onClick={this.captureDay.bind(this,{dayNumber})}>{dayNumber}</div>)
      }
      dayArray.push(</div>)
    }
    let remdays = this.state.dateClicked.daysInMonth()%7
    if (remdays>= 0) {
      dayArray.push(<div className="row justify-content-center">)
    }
    for (let r = 1; r <= remdays; r++){
      var dayN = 28+r
      <div className="col-md-1" style={style.cell} key={r} onClick={this.captureDay.bind(this,{dayN})}>{dayN}</div>
    }
    dayArray.push(</div>)
    return dayArray;
    }```

I am getting error as " Line 46:  Parsing error: Unexpected token"
(Line 46 is the for loop)
```for (var d = 1; d<=daysInWeek; d++)```

【问题讨论】:

    标签: reactjs parsing unexpected-token


    【解决方案1】:

    这里的问题是您将一个未关闭的 div 推送到数组。您不能创建未关闭的元素并在 reactjs 中传递它们,请查看此答案以获取更多详细信息: Render unclosed html elements pushed into an array

    对于你的问题,你可以做这样的事情来构建你的结果。

    首先,生成内部内容并将它们放入一个数组中。

     for (var d = 1; d<=daysInWeek; d++) {
        dayNumber = (w-1)*(daysInWeek) + d
        dayArray.push(<div className="col-md-1" style={style.cell} key={dayNumber} onClick={this.captureDay.bind(this,{dayNumber})}>{dayNumber}</div>)
      }
    

    然后用父div包裹起来,

    const result = (
      <div className="row justify-content-center">
       {dayArray}
      </div>
    )
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-12
      • 2014-04-26
      • 2018-05-10
      • 1970-01-01
      • 2016-06-22
      相关资源
      最近更新 更多