构造ReactiveSearch组件以使搜索工作正确的方法

Question

如果我的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 />

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

例如，我的autocomplete.js会以孩子的身份进入DataSearch，我的results.js会以孩子的身份进入ReactiveList，而navbar.js会带来与孩子相同的DataSearch ？

那应该可以让我在准备就绪时使用React Router 4创建不同的路由，对吧？