Javascript 对象在React中无效

这是我的app.js

import React from 'react'
import { render } from 'react-dom'
import { Router, Route, IndexRoute, browserHistory } from 'react-router'

const App = ({ children }) => (
  <div>
    {children}
  </div>
)

import Index from './index'
import Weatherhbh from './weatherhbh'

render((
  <Router history={browserHistory}>
    <Route path="widget/" component={App}>
      <IndexRoute component={Index}/>
      <Route path="hbh/" component={Weatherhbh}/>
    </Route>
  </Router>
), document.getElementById('app'))

这是我的hbh组件

import React from 'react'
import axios from 'axios'

const urlP=`/hourly`;

export default class App extends React.Component {
  constructor(props){
      super(props);
      this.state={
        data:[]
        };
    }
     componentDidMount() {
       axios.get(urlP)
              .then(response => {
                console.log(response.data,"this is response")
                this.setState({
                 data:response                 
                });
            });
        }


  render() {
    return( <div>

          <p>{this.state.data}</p>

   </div>
   )
  }
}

我得到了这个错误

bundle.js:1244承诺中未捕获错误：对象作为 找到的反应子对象：如果要渲染 子对象的集合，使用数组代替或使用 从React加载项创建FragmentObject。检查渲染方法 应用程序的名称

如何修复它，以便显示来自后端的所有数据

this.setState({
    data:response                 
});

这段代码将responsean对象指定给状态变量数据，然后：

---

返回数据的形状是什么？什么意思？如果你的意思是输入od fata，我会发送它jsonYeah，那么你是在你的状态中为数据设置一个json对象，对吗？不能在react中直接渲染对象，必须对其进行一些处理。你想在数据中显示什么信息？好的，我知道了，谢谢。我还有其他问题可以问你吗？我在这个演示中也遇到了同样的错误。你能签出这个项目并检查一下吗？我正在学习react native，真的不知道代码中的问题在哪里？

  <p>{this.state.data}</p>

<p>{this.state.data.data}</p>

this.state.data.data.username