Trending 使用“Trending”显示搜索结果，而不是在 TDMB API 中按 Trending 排序

Question

所以我正在创建一个 react-moviedb-app。我刚刚添加了基于使用来自 TDMB 的search API 输入的文本来搜索电影的功能。现在我正在使用带有query=trending的电影呈现页面，而不是按排序趋势使用来自 TDMB 的趋势 API。

这是我的代码：

App.js

function App() {
  const [category, setCategory] = useState('popular')

  let fetchCategory
  if(category === "trending"){
    fetchCategory = category +  "/movie/week?api_key=" + API_KEY 
  }
  if(category === "top_rated" || category === "upcoming" || category === "popular"){
    fetchCategory = "movie/" + category + "?api_key=" + API_KEY + "&language=en-US&page=1";
  }
  else {
    fetchCategory = "search/movie?query=" + category + "&api_key=" + API_KEY + "&language=en-US&page=1&include_adult=false";
  }
  
  return (
    <movieContext.Provider value={{category : [category, setCategory], fetchCategory}}>
      <div className="App">
        <Navbar />
        <div className="movie-container"> 
          <Movie /> 
        </div> 
      </div>    
    </movieContext.Provider>
    
  );
}

export default App;

导航栏 > SearchBar.js

import React from 'react'
import { AiOutlineSearch } from 'react-icons/ai';
import { movieContext } from '../App'
import { useContext } from 'react'

const SearchBar = () => {

    const {category, fetchCategory} = useContext(movieContext);
    const [stateCategory, setStateCategory] = category;

    const handleSearch = (e) => {
        if(e.keyCode === 13){
            setStateCategory(e.target.value)
            console.log(e.target.value)
        }
    }

    return (
        <div className="search-box">
            <AiOutlineSearch style={{backgroundColor: "#212121"}} /> 
            <input onKeyDown={handleSearch} type="text" placeholder="Press Enter to Search" className="search-bar"/>
        </div>
    )
}

export default SearchBar

在添加搜索功能之前一切都很好。这只是Trending的情况，rest 类别工作正常