以下代碼（為簡潔起見刪除了其中的某些部分）正在運行：function AddressInputList({  isOpen,  inputValue,  highlightedIndex,  getItemProps,  getMenuProps}: AutocompleteInputListProps) {  const [items, setItems] = useState<MarkerPoint[]>([])  const api = 'XXXX'  const fetchURL = `https://api.opencagedata.com/geocode/v1/json?key=${api}&q=${inputValue}&limit=5&pretty=1`  useEffect(() => {    async function fetchData() {      if (inputValue !== null && inputValue.length > 1) {        try {          const request = await axios.get(fetchURL)          const items = request.data.results.map((res: any) => {            return {              lat: res.geometry.lat,              lng: res.geometry.lng,              address: res.formatted            }          })          setItems(items)        } catch (error) {          console.error(error)        }      }    }    fetchData()  }, [inputValue])  return (/*Code cut out*/)}我現在想做的是重構代碼，讓它更精簡。因此，我將創建一個utility.ts-file，其中包含 -function fetchData，隨后我想將fetchData-function 導入初始AddressInputList-function：實用程序.ts：export async function fetchData(inputValue: string, fetchURL: string) {  if (inputValue !== null && inputValue.length > 1) {    try {      const request = await axios.get(fetchURL)      const items = request.data.results.map((res: any) => {        return {          lat: res.geometry.lat,          lng: res.geometry.lng,          address: res.formatted        }      })      setItems(items)    } catch (error) {      console.error(error)    }  }}現在我的問題是我不知道如何使 useState-hooksetItems在utility.ts. 我在某處讀到可以做到這一點props，但我不確定這會是什么樣子。一個簡短的例子將不勝感激！