Reactjs 用JS制作日历 const-cal_-days=['Sun'，'Mon'，'Tue'，'Wed'，'Thu'，'Fri'，'Sat']； 常量计算月数=['一月'、'二月'、'三月'、'四月'， “五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]； const daysInMonth=[31,28,31,30,31,30,30,31,31,30,31]； const curr=新日期（）； var d=新日期（）； var n=d.getMonth（）； var-name=d.getFullYear（）； var monName=cal_月[n]； var firstDay=新日期（名称，n，1）； var startD=firstDay.getDay（）； var num=日/月[n]； var日=1； var Show=React.createClass({ numrow:function（）{ //var日=1； 对于（变量i=1；i n）{ 打破 }否则 { 返回（）； } } } }, render:function（）{ var daysname=cal_days.map（函数（天）{ 对于（var i=0；i

在

numrow

函数中创建一个数组，并推动该数组中的每个元素，然后最终返回整个数组。它应该可以工作

 const cal_days =['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
 const cal_months =['Jan', 'Feb', 'March', 'April',
'May', 'June', 'July', 'August', 'Sept', 'Oct', 'Nov', 'Dec'];
 const daysInMonth =[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 const curr =new Date();
 var d = new Date();
 var n = d.getMonth();
 var yearName = d.getFullYear();
 var monName = cal_months[n];
 var firstDay = new Date(yearName,n, 1);
 var startD = firstDay.getDay();
 var num= daysinmonth[n];
 var day=1;

 var Show = React.createClass({
 numrow:function(){
 //var day = 1;
for (var i = 1; i <=6; i++) {
for (var j = 0; j <= 6; j++) { 
   if (day <= num && (i > 0 || j >= startD)) {
    return (<td>{i}</td>);
    day++; 
     }
    if (day > n) {
        break;
      } else 
      {
        return (<tr></tr>);
      }
    }
     }
      },

    render:function(){
    var daysname= cal_days.map(function(day){
   for(var i = 0; i <= 6; i++ ){
   return <td>{day}</td>;}
   })
   return (
   <div>
    <table>
    <tbody>
    <tr>
      {daysname}
      </tr>
      <tr>
      {this.numrow()}
      </tr>
     </tbody>
    </table>
   </div>
   ) 
    }
   })

numrow:function（）{
//var日=1；
var行=[]；
对于（变量i=1；i n）{
打破
}否则
{
rows.push（）
}
}
}
返回行；
},

我的建议是，当您在stackoverflow上发布代码时，请正确地命名变量（而不是i和j），以便代码更具可读性

numrow:function(){
    //var day = 1;
    var rows = [];
    for (var i = 1; i <=6; i++) {
        for (var j = 0; j <= 6; j++) { 
            if (day <= num && (i > 0 || j >= startD)) {
                rows.push(<td>{i}</td>)
                day++; 
            }
            if (day > n) {
                 break;
            } else 
            {
            rows.push(<tr></tr>)
            }
        }
    }
     return rows;
   },