时间戳

首页 > 解决方案 > 构建 ReactiveSearch 组件以使搜索工作的正确方法

reactjs - 构建 ReactiveSearch 组件以使搜索工作的正确方法

问题描述

如果我的基于 CRA 的 ReactiveSearch 应用程序结构如下：

/src
 /containers
  /search
   -index.js
 /components
  -autocomplete.js
  -results.js
  -navbar.js

其中/containers/search/index.js包含如下代码：

<ReactiveBase
    app="someapp"
    credentials="abc123"
    type="sometype"
  >
    <DataSearch
      componentId="q"
      react={{ "and", ["q"] }}
      ...
    />
    <Results />
  <ReactiveBase />

然后我自己的反应组件（autocomplete.js、results.js）ReactiveSearch根据我的应用程序的需要将这些组件作为子组件引入？

例如，我的 autocomplete.js 会DataSearch作为孩子引入，我的 results.js 会ReactiveList作为孩子引入，而 navbar.js 会引入与孩子相同的 DataSearch？

这应该使我能够在准备好时使用 React Router 4 创建不同的路由，对吧？

标签： reactjsreactivesearch

解决方案

推荐阅读