Javascript `对象`提供给`反应组件',应为`函数`

Javascript `对象`提供给`反应组件',应为`函数`,javascript,reactjs,reactivesearch,Javascript,Reactjs,Reactivesearch,尝试使用ReactiveSearch搜索搜索栏时出现此错误。这就是我初始化它的方式: render() { const { tenantConfig, size, componentId } = this.props; return ( <ReactiveComponent componentId={componentId} defaultQuery={this.defaultQuery} > &

尝试使用ReactiveSearch搜索搜索栏时出现此错误。这就是我初始化它的方式:

render() {
    const { tenantConfig, size, componentId } = this.props;
    return (
      <ReactiveComponent
        componentId={componentId}
        defaultQuery={this.defaultQuery}
      >
        <SearchDropdownDashboard
          size={size}
          handleSearchDashboard={this.handleSearchDashboard}
          fetching={this.state.fetching}
          tenantConfig={tenantConfig}
        />
      </ReactiveComponent>
    );
  }

关于我做错了什么有什么建议吗?函数似乎正确地传递给了组件。

如果您使用的是
v3
,那么这是由于API中引入了最近的更改。您需要使用
render
prop或React渲染模式,如下例所示

您可以在此处查看文档:

我创建了在两个版本上使用ReactiveComponent的示例:

v3

v2


希望这有帮助

如果您使用的是
v3
,那么这是由于API中引入了最近的更改。您需要使用
render
prop或React渲染模式,如下例所示

您可以在此处查看文档:

我创建了在两个版本上使用ReactiveComponent的示例:

v3

v2


希望这有帮助

一些修改但是ty,那有帮助一些修改但是ty,那有帮助
defaultQuery = () => {
    const { dashboardText } = this.state;
    const { mustNotObj } = this.props;

    let obj;

    obj = {
      query: {
        bool: {
          must_not: mustNotObj,
          must: multiMatchSearch(dashboardText)
        }
      },
      from: 0,
      size: 20
    };

    return obj;
  };