使用react和componentDidMount获取数据

时间:2019-04-15 15:18:57

标签: javascript reactjs

我尝试从api获取一些数据,但是由于某种原因,它无法正常工作。 通常,当我尝试以这种方式获取数据时,效果很好

class App extends Component {
 constructor() {
   super();
   this.state = {
     items: []
   };
 }

 componentDidMount() {
   this.getData();
 }
 getData() {
   fetch(url)
     .then(results => results.json())
     .then(results => this.setState({ items: results }));
 }
 render() {
   const  {items} = this.state;
   return (
     <ul>
       {items.map(function(item, index) {
         return (
           <div>
             <li><h1>{console.log(item.title)}</h1></li>
           </div>
         );
       }
       )}
     </ul>
   );
 }
}

我在浏览器中收到此错误

TypeError: items.map is not a function

0 个答案:

没有答案