React获取WordPress博客内容时遭遇解析错误，请求协助

你的代码存在两处语法错误，直接导致了Parsing error: Unexpected token, expected ":"：

错误点说明 #

• this.setState调用格式错误：它第一个参数是要更新的状态对象，第二个参数是可选回调函数，不需要写成stats: {...}, callback: () => {}这种键值对形式。
• axios.get传参错误：它只需直接传入URL字符串，不需要加url:前缀。

修正后的完整代码 #

componentDidMount() {
  const wordpressSiteUrl = 'http://projects.stagingsoftware.com/quacito_new/blog';
  // 设置加载状态
  this.setState({ stats: { loading: true } }, () => {
    // 发起请求获取博客内容
    axios.get(`${wordpressSiteUrl}/wp-json/wp/v2/posts`)
      .then(response => {
        // 请求成功后更新状态，存储博客数据并结束加载
        this.setState({
          stats: { loading: false },
          posts: response.data
        });
      })
      .catch(error => {
        // 处理请求错误
        console.error('获取博客内容失败:', error);
        this.setState({ stats: { loading: false } });
      });
  });
}

额外注意事项 #

1. 确保项目已安装并导入axios：

   import axios from 'axios';
   

2. 建议在组件初始状态中提前定义stats和posts，避免状态未定义问题：

   constructor(props) {
     super(props);
     this.state = {
       stats: { loading: false },
       posts: []
     };
   }
   

内容的提问来源于stack exchange，提问作者Shraddha Sharma