如何在ReactJS应用程序上使用关键词进行关键词搜索>>

Question

我正在编写一个可搜索数据库中电影的React应用。但是，我不想在公开搜索中进行设置，而是在不同页面中为不同主题设置搜索字段。我想对搜索进行硬连线，以便用户强行需要在搜索中添加一个关键字（即“ war”，如果搜索仅允许在“ war”页面中添加任何单词加上“ war”）。

下面的第一个const是将使用用户输入执行搜索的查询；第二，创建电影的状态。 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`;
如何创建查询以默认具有特定的关键字adde？

提前感谢。

我正在编写一个可搜索数据库中电影的React应用。但是，我不想在公开搜索中进行设置，而是在不同页面中为不同主题设置搜索字段。我想硬线...

Answer 1

您可以将道具theme传递给搜索组件。在网址上，您将输入...query=${props.theme+query}。