オブジェクトを小道具として渡す

Question

オブジェクトを小道具として渡すのに問題があります。私は、関数のパラメータからオブジェクトを作成し、クリックイベントがあります。

addClass: function(c){ 
    var details = [{ 
     course: c.name, 
     credits: c.credits, 
     time: c.time, 
     days: c.days, 
     enrolled: true 
    }] 

    this.setState({schedule: this.state.schedule.concat(details)}) 
}, 

をそして私はこのように私のScheduleコンポーネントの配列上にマッピングしようとしています：私はできないのですいくつかの理由について

var schedule = this.props.schedule.map(function(index, s){ 
     return (<li key={index}>{s.time}</li>) 
    }) 

    return (
     <div className="schedule"> 
     <h4>Your Fall semester schedule</h4> 
      <ul> 
       {schedule} 
      </ul> 
     </div> 
    ) 

私のScheduleコンポーネントにdetailsのいずれかのプロパティを表示する。 http://codepen.io/p-adams/pen/qNxZBV 基本的には、addボタンを押すたびに、Scheduleコンポーネントにコース名、時間、日数を表示することをお勧めします。

Answer 1

.map関数の引数を逆にしてみてください。

変更し、これは：

this.props.schedule.map(function(s, index){ 

：

this.props.schedule.map(function(index, s){ 

このようにするには