React + Strapi：无法在前端 React 上显示数据，但会在控制台中显示 (f12)

Question

我无法在我的 ReactJS 应用程序（前端）中显示评分和标题，但是当我控制台 f12 它时，它会显示数据：

这是我的代码：

import React from 'react'
import { useParams } from 'react-router-dom'
import useFetch from '../hooks/useFetch'

export default function ReviewDetails() {
  const { id } = useParams()
  const { loading, error, data } = useFetch('http://localhost:1337/api/reviews/' + id)

  if (loading) return <p>Loading...</p>
  if (error) return <p>Error :(</p>

  console.log(data)

  return (
    <div className="review-card">
      <div className="rating">{data.rating}</div>
      <h2>{data.title}</h2>

      <small>console list</small>

      <p>{data.body}</p>
    </div>
  )
}

Answer 1

将我的映射从 {data.rating} 更改为 {data.data.attributes.rating} 并且成功了。对我试图获取的其他数据执行此操作。

React + Strapi：无法在前端 React 上显示数据，但会在控制台中显示 (f12)

React + Strapi: Can't display data on frontend React but it shows in the console (f12)

javascript

reactjs

strapi