Как жестко привязать ключевое слово для поиска в приложении ReactJS

Question

Я пишу приложение React, которое ищет фильмы в базе данных. Однако вместо того, чтобы выполнять открытый поиск, я хочу настроить поля поиска на разных страницах для разных тем. Я хотел бы жестко настроить поиск так, чтобы пользователю принудительно нужно было добавить ключевое слово в свой поиск (например, «война», если бы поиск был только для того, чтобы разрешить любой термин плюс «война» на странице «война»).

Первый const ниже - это запрос, который будет использовать вводимые пользователем данные для выполнения поиска; второй - создает состояние для фильмов. Константа url - это сам поиск:

  const [query, setQuery] = useState('');

  const [movies, setMovies] = useState([]);

  const searchMovies = async (e) => {
    e.preventDefault();

    const url = `https://api.site.com/3/search/movie?api_key=[KEY]&language=en-US&query=${query}&page=1&include_adult=true`;

Как я могу создать запрос, чтобы по умолчанию было указано c ключевое слово?

Заранее спасибо.

Answer 1

вы можете передать опору theme компоненту поиска. по URL-адресу вы должны писать ...query=${props.theme+query}.

при каждом новом изменении страницы, вы должны вызывать SetTheme с соответствующей темой и передавать состояние Input в качестве реквизита.