React js, показано ограничение поста

Question

Привет, я просто делаю блог, используя next js и graph cms, я просто знаю, как ограничить количество отображаемых сообщений, например, если у меня есть 50 сообщений в бэкэнде, мне просто нужно показать 1 сообщение, например, как его ограничить?

вот об этом я и говорю

      const posts = [
    {title: 'Sample Post 1', description: 'Lorem ipsum dolor sit amet'},
    {title: 'Sample Post 2', description: 'Lorem ipsum dolor sit amet'}
];

<div>
       {
        posts.map((posts, index) => (
          <div>
            <h1>{posts.title}</h1>
             <p>{posts.description}</p>
             
           </div>
        ))
       }
    </div>

если я запущу это, весь пост будет показан, есть ли ограничение в JS?

Answer 1

вы можете использоватьslice

      {
   posts.slice(0,1).map((post, index) => (
     <div>
        <h1>{post.title}</h1>
        <p>{post.description}</p>       
     </div>
     ))
}