为什么我得到未定义的反应道具

Question

我试图从父母到孩子传递一个函数，但我得到“无法读取未定义的属性'getDays'”。

下面是从父片段：

getDays:function(){return this.state.days;}, 

... 

    renderComponents:function(){ 
    if (typeof(this.state.days)==='undefined'){ 
     var days = 0; 
    }else{ 
     days = this.state.days; 
    } 
    console.log(days); 
    if (this.state.showWorkDoneMaintenance){ 
     return <WorkDoneMaintenance 
     subjects={this.props.subjects} 
     workdone={this.props.workdone} 
     getDays={this.getDays} 
     />; 
    } 

然后在这里的孩子：

var WorkDoneMaintenance = React.createClass({ 
... 
    renderWorkDoneItems:function() { 
    var items = []; 
    this.props.workdone.map(function(workdone){ 
     if (TimeUtility.dateIsToday(workdone.createdAt,this.props.getDays())){ 
      items.push(workdone); 
     } 
    }); 
    return items.map((workdone) => (
     <tr key={workdone._id}> 
... 

    propTypes:{ 
    getDays:React.PropTypes.func, 
    subjects:React.PropTypes.array, 
    workdone:React.PropTypes.array 
    } 
}); 

它似乎并没有与那些获得通过阵列的任何问题（科目和workdone），但我似乎无法找出功能的问题。

Answer 1

如果你写：this.props.workdone.map(function(workdone){ ... });你将无法在映射函数中使用this。这是JavaScript中的常见问题，以这种方式创建的函数根本不保留this。要解决该问题，使用的λ表示法来代替，该确实保留this：this.props.workdone.map(workdone => { ... });

详情请参阅https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions