子组件在父组件循环调用，子组件的数据是固定的，想做优化，这样做对吗？

问题1 子组件是个select ,数据都是从api获取，每次都是固定的内容。父组件中的列表需要大量调用这个子组件，每次这个组件都需要调用api获取数据，每次数据都是一样，这个地方是不是需要优化？

问题2 如果需要优化的话，从react官网找了一下，简单做了更改，理论上每次excuteCallBack 是同一个引用，但是debug的时候 useEffect每次被调用没法证明excuteCallBack 是不是同一个引用呢？

理解不足，希望解答一下。

import React, { useCallback, useEffect, useState } from "react";
import { Team, User } from "@/type/user";
import { Select } from "antd";
import { getTeams } from "@/api";
const { Option } = Select;

interface Props {
  record: User;
}

const CusSelect: React.FC<Props> = ({ record }) => {
  const [teams, setTeams] = useState<Array<Team>>();

 const excuteCallBack = useCallback(
   () => {
    return getTeams()
   },
   []
 )
 

  useEffect(() => {
    console.log('excuteCallBack reference:',new Date(), excuteCallBack);
    async function excute() {
      try {
        let rest = await excuteCallBack();
        //debugger
        setTeams(rest.data);
      } catch (error) {
        console.log(error);
      }
    }
    excute();
  }, [excuteCallBack]);

  return (
    <Select
      className="w-4/5"
      defaultValue={record.team_name}
      disabled={record.role_name != "コーチ"}
      onChange={(value) => {
        alert(JSON.stringify(record) + value);
      }}
    >
      {teams?.map((item) => (
        <Option value={item.team_id} key={item.team_id}>
          {item.team_name}
        </Option>
      ))}
    </Select>
  );
};

export default CusSelect;