reactjs - Preact 映射数据数组

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} />
)