Блог

Цель моего приложения React one page-просто отображать данные JSON из другого приложения Drupal. Мое приложение не показывает ошибок при рендеринге, но я получаю только пустую страницу как с Fetch, так и с AXIOS. Я протестировал JSON на Postman, а также с URL-адреса сайта Drupal, и он работает. Пожалуйста, не могли бы вы сказать мне, где я ошибся.

И вот мой компонент отображения реакции. Я использую Fetch в App.js

 import React from 'react'

const Posts = ({ posts }) => {
  return (
    <div>
      <center><h1>Articles Post List</h1></center>
      {posts.map((post) => (
        <div class="article">
          <div class="article-body">
            <h5 class="article-id">{post.node.Nid}</h5>
            <h6 class="article-title ">{post.node.title}</h6>
            <p class="article-text">{post.node.Body}</p>
          </div>
        </div>
      ))}
    </div>
  )
};

export default Posts
 

А вот структура моего канала JSON:

Скриншот канала Drupal json