React＆无头Drupal 8

Question

我在json响应中找不到值时遇到了麻烦！我已经设置了一个无头的Drupal API和一个React前端。我遇到的问题是React脚本无法在json数组中找到'title'值。失败的函数是componentDidMount（）。我有下面的js代码和json响应。谢谢您的帮助

class App extends React.Component {

constructor(props) {
 super(props);

 this.state = {
    title: ''
  }
 }

 componentDidMount() {
 this.serverRequest = axios.get(this.props.source).then(event =>{    
       this.setState({
            title: event.data[0].attributes.title.value
        });
   });
 }

 componentWillUnmount() {
   this.serverRequest.abort();
 }

 render() {
   return (
       <div>
           <h1>Here is a blog entry:</h1>
           <h2>{this.state.title}</h2>
       </div>
   ); 
  }
 }

 ReactDOM.render(
   <App source="http://terra-blog.dd:8083/jsonapi/node/blog" />, 
   document.getElementById('test')
 );

JSON响应

控制台错误