React Hooks如何获取远程数据

让我们来看一个hooks展示数据的简单的例子

import React, { useState } from 'react';

function App() {
  const [data, setData] = useState({
    list: []
  });
  return (
    <ul>
      {data.list.map(item => (
        <li key={item.id}>{item.title}</li>
      ))}
    </ul>
  );
}
export default App;

如果数据需要从远程获取的话，那么需要改造下代码：

import React, { useState, useEffect } from 'react';
import axios from 'axios';

function App() {
  const [data, setData] = useState({
    list: []
  });
  useEffect(() => {
    const fetchData = async () => {
      const result = await axios(
        '/api?query=react',
      );
      setData(result.data);
    };
    fetchData();
  // 注意这里加了'[]'
  }, []);

  return (
    <ul>
      {data.list.map(item => (
        <li ke