精确地图数据数组

Question

我正在构建一个组件，该组件将动态列出接下来的三个会议日期。在组件内部，当我console.log时，props变量将其映射到数组中的每个字符。控制台日志中的第一行是getMeetingDates函数返回的内容

这是渲染

render() {
    return (
        <div class={style.sidebar}>
            <div className="sidebar-sections">
                <h3>Next Meeetings</h3>
                {this.getMeetingDates().map(date => <MeetingDates {...date} />)}
            </div>
        </div>
    );
}

难道我做错了什么？

Answer 1

您正在传播一个字符串作为道具：

<MeetingDates {...date} />

说date是foo或什么，上面的意思是

<MeetingDates f o o />

相反，date作为prop 传递：

this.getMeetingDates().map(date => 
    <MeetingDates date={date} />
)