只是想知道將 letterSelected 傳遞到 useLazyQuery fetchMovies 查詢中的最佳方法，這樣我就不必使用“A”的靜態變量。我希望有一種方法可以將它直接傳遞到 fetchMovies 中。useLazyQuery 是一個 apollo 查詢。const BrowseMovies = () => {const [fetchMovies, { data, loading}] = useLazyQuery(BROWSE_MOVIES_BY_LETTER, {    variables: {        firstLetter: "A"    }})return (    <div className="browserWrapper">        <h2>Browse Movies</h2>        <AlphabetSelect             pushLetterToParent={fetchMovies}        />        {            data && !loading &&            data.browseMovies.map((movie: any) => {                return (                    <div className="browseRow">                        <a className="movieTitle">                            {movie.name}                        </a>                    </div>                )            })        }    </div>)}export default BrowseMoviesconst AlphabetSelect = ({pushLetterToParent}: any) => {const letters = ['A','B','C','D','E','F','G','H','I','J','K','L', 'M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','#']const [selectedLetter, setSelectedLetter] = useState("A")const onLetterSelect = (letter: string) => {    setSelectedLetter(letter.toUpperCase())    pushLetterToParent(letter.toUpperCase())}return (    <div className="alphabetSelect">        {            letters.map((letter: string) => {                return(                    <div                         className={selectedLetter === letter ? 'letterSelectActive' : 'letterSelect'}                         onClick={() => onLetterSelect(letter)}                    >                        {letter}                    </div>                )            })        }    </div>)}export default AlphabetSelect