反应：如何从 Axios，而不是 Promise 获取数据？

Question

我正在尝试从链接获取数据，但我得到的只是 Promise。 这是我的示例代码：

import axios from "axios";

export default function App() {
  const url = `https://finnhub.io/api/v1/stock/profile2?symbol=GME&token=c6a500qad3idi8g5o2v0`;

  const fetchData = async (u) => {
    return await axios.get(u).then((res) => res.data);
  };

  return (
    <div className="App">
      <button onClick={() => console.log(fetchData(url))}>click me</button>
    </div>
  );
}

我不知道代码的哪一部分是错误的，它不断给出 Promise 就像这里的照片：

请帮忙。 我很感激！

Answer 1

你可以这样做

  import axios from "axios";

export default function App() {
  const url = `https://finnhub.io/api/v1/stock/profile2?symbol=GME&token=c6a500qad3idi8g5o2v0`;
  const [data, setData] = React.useState(null);
  const fetchData = async (u) => {
    return await axios.get(u).then((res) => {
      setData(res.data);
      console.log(res.data.name);
    });
  };

  return (
    <div className="App">
      <button onClick={() => fetchData(url)}>click me</button>
      Name :{data?.name}
    </div>
  );
}