Блог

В моем исходном коде что-то не так, но я не могу понять, что — пожалуйста, помогите

И мой код

 const lastFutured = featured.pop();

export default function Home() {
  return (
    <section className="container home">
      <div className="row">
        <h1>Featured Posts</h1>
        <section className="featured-posts-container">
          <PostMasonry posts={featured} columns={2} tagsOnTop={true} />
          <MasonryPost posts={lastFutured} tagsOnTop={true} />
        </section>
        <h1>Trending Posts</h1>
        <PostMasonry posts={trending} columns={3} />
      </div>
    </section>
  );
}
  

Это потому, что вы не передаете post prop компоненту. Глядя на то, MasonryPost как определяется функция, она ищет post prop, а не posts prop. Пожалуйста, измените следующий код:

 <MasonryPost posts={lastFutured} tagsOnTop={true} />
  

К следующему:

 <MasonryPost post={lastFutured} tagsOnTop={true} />
//           ^^^^
  

Используйте post prop, а не posts prop, который может быть правильным.