javascript - Map function in react (err: TypeError: e.map is not a function) -

i want render items props, can initial state, not response server. render function :

 const { data } = this.props;     return (       <div >           {data.map((item, index) =>               <div key={index} classname="row">                   <span data = { data } classname="number col-4 col-md-8">{item._id}</span>                   <span data = { data } classname="date col-4 col-md-2">{item.date}</span>                   <span data = { data }  classname="tag col-4 col-md-2">{item.tag}</span>                   <div classname="col-md-12 ">                     {item.text}                   </div>                               </div>           )}       </div>     )   } 

i mistake :

typeerror: e.map not function

response : object {data: array(12), status: 200, statustext: "ok", headers: object, config: object…}

it looks response raw response. if you're using fetch, promise chain should like:

fetch(frommysource).then(resp => resp.json()).then(data => dosomething(data)); 

it looks might trying use resp directly make data array response object posted in question.