无法使用Axios

Question

我正在尝试从api调用中获取数据并在react中显示它们。挂钩部分工作正常，但解析json响应时遇到问题。我得到的data.map不是函数错误。任何建议，以使这项工作，将不胜感激。

这是API响应

{"Field1":"XXX","Field2":"YYY","Field3":"ZZZ"}

这是代码：

const [data, setData] = useState([]);

useEffect(() => {
const fetchData = async () => {
  const response = await axios(
    "http://www.myapi.com/?&search=mykeyword"
  );

  setData(response.data);
};
fetchData();
}, []);

return (
<div>
  <ul>
    {data.map(item => (
      <div key={item.Field1}>
        <div>{item.Field2}</div>
      </div>
    ))}
  </ul>
</div>
 );
}