Preact 映射数据数组

【问题标题】：Preact map array of dataPreact 映射数据数组
【发布时间】：2017-06-14 16:36:31
【问题描述】：

我正在构建一个组件，它将动态列出接下来的三个会议日期。在组件内部，当我 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>
    );
}

我做错了吗？

【问题讨论】：

标签： reactjs preact

【解决方案1】：

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

<MeetingDates {...date} />

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

<MeetingDates f o o />

相反，将date 作为道具传递：

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

【讨论】：

这是一个可爱的答案