javascript - 将对象作为 props 传递时遇到问题

Question

我在将对象作为 Prop 传递时遇到问题。我有一个点击事件，我从函数参数创建一个对象:

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组件中显示类(class)名称、时间和天数。

Answer 1

尝试反转 .map 函数的参数。

更改此:

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

是这样的:

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