javascript - searchkit - 如何将 props 传递到 itemComponent 组件中

Question

我对 React 还很陌生，我真的很感谢对此的帮助，因为它让我发疯。

我正在尝试弄清楚如何将 props 传递到 searchkit 的 listComponent来自<ViewSwitcherHits/>成分。

父组件:

<ViewSwitcherHits 
hitComponents={[
    {key:"query", title:"Query", listComponent:QueryDetailView, defaultOption:true}
]}
/>

所以QueryDetailView是我创建的自定义组件，需要 props 才能显示所选查询的详细 View 。用户从另一个组件的下拉列表中选择一个查询 block ，然后所选的过滤器将显示在QueryDetailView中。成分。可能有更好的方法将选定的查询对象从子级传递到父级，然后返回 QueryDetailView child 。我来自 Angular，所以我知道服务非常适合此目的，但不确定如何在 React 中实现。或者如果 Searchkit 甚至允许将 props 传递到 ItemComponent .

我希望这是足够的信息。如果没有，请告诉我，我将添加更多代码。谢谢!

Answer 1

尝试将具有属性的 QueryDetailsView 分配给变量/常量，然后将其用作 listComponent。 searchkit 属性和您的属性将被合并，因此在 QueryDetailsView 内您将能够访问 this.props.oneprop 和 this.props.anotherprop:

const qdv = (<QueryDetailView oneprop="somevalue" anotherprop="anothervalue" />);

<ViewSwitcherHits 
hitComponents={[
    {key:"query", title:"Query", listComponent:qdw, defaultOption:true}
]}
/>