如何通過反饋js和axios從wordpress獲取API調用？

Question

我有一個問題，我無法從WP API獲取的數據與愛可信反應JS 我的代碼：

var React = require('react'); 
var ReactDOM = require('react-dom'); 
var axios = require('axios'); 

var Wordpress = React.createClass({ 
    getInitialState: function() { 
     return {posts: []}; 
    }, 
    componentDidMount() { 
     axios.get(`http://localhost/scareid/wp-json/wp/v2/posts`).then(res => { 
      const posts = res.data.map(obj => obj.data); 
      this.setState({posts}); 
     }); 
    }, 
    render() { 
     return (
      <div> 

       <h1>{`/r/${this.props.title}`}</h1> 
       <ul> 

        {this.state.posts.map(post => <li key={post.id}>{post.title}</li>)} 
       </ul> 
      </div> 
     ); 
    } 
}) 

module.exports = Wordpress; 

我的API

http://pastebin.com/9x4rgJmE

控制檯日誌數據： enter image description here

Answer 1

好的發現它。

根本不需要map步驟，數組已經在res中返回。

替換：

const posts = res.data.map(obj => obj.data); 
      this.setState({posts}); 

有：

if (res && res.data) { 
this.setState({ 
    posts: res.data 
}); 
}