从阵列状态反应渲染视图

大家好，我试图解决无法找出原因。我有一个状态变量，它获取构造从阵列状态反应渲染视图

renderUpcomingReminders(){ 
    const upComingReminders = _.map(this.state.upComingReminders,(reminder, key) =>{ 
     if(!reminder.edit){ 
     return(<Row > 
      <Col sm={12}> 
      <div className="products" > 
       <h4 className="content"> <span className="glyphicon glyphicon-unchecked"> </span> {typeof reminder !== 'undefined'?reminder.message: null} 
       <span className="badge badge-default">{typeof reminder !== 'undefined'?moment(reminder.scheduled_datetime).format('MMMM DD at hh:mm a'): '-'}</span></h4> 
       <div className="pull-right"> 
       <Button bsStyle="primary" onClick={()=>{this.editReminder(key)}}>Edit</Button> 
       <Button bsStyle="danger" >Remove</Button> 
       </div> 
      </div> 
      </Col> 
     </Row>); 
     }else { 
     return (<Row key={key.toString()}> 
      <Col sm={12}> 
      Edit here. 
      </Col> 
     </Row>); 
     } 
    }); 
    console.log(112); 
    return upComingReminders; 
    }

所以这个功能是根据编辑标志呈现提醒更新。

<Col sm={12}><h4><a className="heading">Upcoming Reminders</a></h4></Col> 
       {()=>{this.renderUpcomingReminders()}}

这是我特意打电话向渲染结果的功能。现在问题是该函数没有在console .log函数中记录该值。

我真的很困惑反应迭代和条件渲染。请确认我是否需要提供任何其他细节。在此先感谢。

来源

2017-06-21 Sushant Yadav

'{（）=> {this.renderUpcomingReminders（）}}'你是不是在这里调用该函数，你要创建一个调用'renderUpcomingReminders'另一个功能.. 所以我想你想要的是'{this.renderUpcomingReminders（）}' –

替换为{()=>{this.renderUpcomingReminders()}}{this.renderUpcomingReminders().bind(this)}

来源

2017-06-21 08:36:43

从阵列状态反应渲染视图

回答

相关问题