Question

大家好，我一直试图找不到原因。我有一个状态变量，它在构造函数

中得到更新

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函数中记录该值。

我对反应迭代和条件渲染感到困惑。请ping我如果需要提供任何其他细节。提前谢谢。

Answer 1

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

从状态中的数组反映渲染视图

1 个答案: