Question

我对React很新，我真的很感激这方面的一些帮助，因为它让我疯狂。

我试图找出如何将{} listComponent组件中的道具传递给searchkit <ViewSwitcherHits/>。

父组件：

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

因此QueryDetailView是我创建的自定义组件，需要使用道具才能显示所选查询的详细视图。用户从另一个组件的下拉列表中选择一个查询块，然后该选定的过滤器将显示在QueryDetailView组件中。可能有更好的方法将选定的查询对象从子级传递回父级，然后再传递给QueryDetailView子级。我来自Angular所以我知道服务对此非常完美，但不确定如何在React中实现。或者，如果Searchkit甚至允许将道具传递到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}
]}
/>

searchkit - 如何将props传递给itemComponent组件

1 个答案: