如何通过hooks通过数据接口访问数据？

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

export default function Booklist() {
  const [booklist, setBooklist] = useState([]);

  useEffect(() => {
    axios("https://localhost:3010/book/all").then((res) => {
      if (res.data.list) {
        setBooklist(res.data.list);
      }
    });
  }, []);
  return (
    <div>
      <h3>书目列表</h3>
      <ul>
        {booklist.map((book) => (
          <li key={book}>{book}</li>
        ))}
      </ul>
    </div>
  );
}