状態の配列からの描画レンダリングビュー

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()}} 

これは、結果をレンダリングする関数です。 問題は、関数がコンソール.log関数の値を記録していないことです。

私は実際に反復と条件付きレンダリングに反応します。 他の詳細を入力する必要がある場合は、pingしてください。 ありがとうございます。

Answer 1

{this.renderUpcomingReminders().bind(this)}