如何在ReactJS中访问WP REST API返回对象的title.rendered属性？

先从这几个方向排查解决：

• 确保数据已完成加载：如果用的是异步请求（比如fetch、axios），必须在请求完成的回调/异步函数里访问proc——直接在请求外部调用的话，API还没返回数据，proc大概率是undefined，自然会报错。

• 添加层级存在性校验：直接写proc.title.rendered会因为某一层级不存在（比如proc本身为空、title字段缺失）触发报错，先做判断再访问更稳妥：

  // 用fetch请求的正确示例
  fetch('https://example.com/wp/wp-json/v2/procedures/7')
    .then(res => res.json())
    .then(proc => {
      // 可选链操作符简化存在性判断
      if (proc?.title?.rendered) {
        console.log(proc.title.rendered);
      } else {
        // 打印完整返回数据，检查实际结构
        console.log('返回数据结构不符合预期:', proc);
      }
    })
    .catch(err => console.log('请求失败:', err));
  

• 核对返回的实际结构：有时候可能因为API权限设置、字段过滤规则，或者自定义修改了REST API的返回内容，导致title字段不存在或rendered键名有误。先把proc完整打印出来，确认嵌套结构是否和预期一致。

内容的提问来源于stack exchange，提问作者Subrata Sarkar