Дисплей WordPress отдых API с ReactJS - PullRequest
Новая
       5

Дисплей WordPress отдых API с ReactJS

0 голосов
/ 19 ноября 2018

У меня проблема с отображением нумерации страниц. Я использую Wordpress REST API для получения своих сообщений Вот мой код: 

import React, { Component } from "react";
import "./App.css";

class App extends React.Component {
 constructor() {
        super();
        this.state = {
          items: [],
          totalPages: '',
          nextPage: '',
        };
        this._loadData = this._loadData.bind(this);
      }
      componentDidMount() {
        const url = 'http://localhost/wp-json/wp/v2/';
        this._loadData(url);

      }
      _loadData(url) {
        request.get(url).then((response) => {
          this.setState({
            items: response.body.items.data,
            totalPages: response.body.items.last_page,
            nextPage: response.body.items.next_page_url
          });
        });
      }
      render() {
        let items = _.map(this.state.items, (item) => {
        return (
                <div key={item.id}>
                        <div className="content">
                            <span>
                                {item.type}
                            </span>

                        </div>
                </div>
        )
    });
        return (
            <div>
               {items}
            </div>

            <div>
               <a href="#0" onClick={this._loadData(this.state.nextPage)}/>Next
            </div>
      }
}

export default App;

Мне нужна помощь, потому что я не могу понять, где проблема. Буду признателен за урок или что-то в этом роде.

1 Ответ

0 голосов
/ 19 ноября 2018

Неправильная конечная точка REST API вашего WordPress.

Когда вы выбираете данные из http://localhost/wp-json/wp/v2/ с помощью метода GET, он возвращает только пространства имен и маршруты.

Если вы хотите тянуть посты или страницы, используйте путь вроде этого. http://localhost/wp-json/wp/v2/{post_type}

Замените {post_type} типом сообщения во множественном числе.

Например, вы хотели бы получать последние сообщения, которые вы должны запросить на

http://localhost/wp-json/wp/v2/posts

Также вы можете просмотреть этот URL в вашем браузере.

...