Preact map数据数组

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作为道具传递：

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