Question

我正在尝试从数组中的数据对象呈现值，但我收到了这些错误消息

<块引用>

错误：对象作为 React 子对象无效（找到：带有键的对象 {id, course_code, course_name, slug, course_fee, duration, start_date, 结束日期，}

我真的不知道哪里出错了。这是 API 对象响应。

{
  "success": true,
  "message": "Course Retrieved Successfully.",
  "data": {
    "id": 1,
    "course_code": "null",
    "course_name": "Greatness",
    "slug": "greatness",
    "course_fee": 10,
    "duration": "10hours",
    "start_date": "2000-09-08",
    "end_date": "2000-09-08",
  }
}

我的代码如下

const [coursedetails, setCourseDetails] = useState([])
const [status,setStatus] = useState('init');

const init =()=>{
  setStatus('loading')

  return axios.get('http://example.com/api/courses').then(response => {
      setCourseDetails(response.data);
      setStatus('success')
    }).catch(error =>{
      console.log('error',error)
      setStatus('error')
    })
}

useEffect(()=>{
  init()
},[])


return(
  <div>

  {coursedetails.data && coursedetails.data.course_name ? coursedetails.data : ''}
  <div>
)

Answer 1

您的结束标记不正确。它应该是 </div> 而不是 <div>

<div>

{coursedetails.data && coursedetails.data.course_name ? coursedetails.data : ''}
</div>

获取“错误：渲染对象值时，对象作为 React 子对象无效

1 个答案: