データのプリアクトマップの配列

Question

私は、次の3つの会議の日付を動的に一覧表示するコンポーネントを構築しています。コンポーネント内で、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} /> 
)