Необходимо вывести конкретное число записей из массива в компоненте ReactJS

Question

В моем компоненте выводятся посты из вордпресса по rest api. Но вот мне необходимо вывести не все посты на страницу, а только 4. Не совсем понимаю как это лучше отсортировать, подскажите пж?!

import React, { Component } from 'react';
import { Link } from 'react-router';

const BLOG_API = `http://localhost/test-digital/`;

class Posts extends Component {
    constructor(props) {
        super(props)

        this.state = { // инициализируем состояние по-умолчанию
          posts: []
        };
 
      }

      componentWillMount () {
        return fetch(BLOG_API + '/wp-json/wp/v2/posts') // делаем запрос к Wordpress API
        .then((response) => response.json()) // получаем ответ в формате json
        .then(posts => {
          this.setState({
            posts: posts, // обновляем состояние страницы
          });
        })
      }

      render() {
        return (
          <div>
            <ul> 
              {
                this.state.posts.map(item => (
                  <li key={item.id}>
                    <Link to={`/test-digital/${item.id}`}>
                        {item.title.rendered}
                    </Link>
                  </li>
                ))
              }
            </ul>
          </div>
        )
      }
    }

export default Posts

Answer 1

Вместо '/wp-json/wp/v2/posts' используйте '/wp-json/wp/v2/posts/per_page=4'.

Answer 2

Используй Array.prototype.slice()

componentWillMount () {
    return fetch(BLOG_API + '/wp-json/wp/v2/posts') // делаем запрос к Wordpress API
    .then((response) => response.json()) // получаем ответ в формате json
    .then(posts => {
      this.setState({
        posts: posts.slice(3), // обновляем состояние страницы
      });
    })
  }

БЛОГ НА HUSL

Необходимо вывести конкретное число записей из массива в компоненте ReactJS

Ответы (2 шт):