javascript - ReactiveSearch 中的自定义组件

Question

我的反应式搜索设置需要一个自定义组件。这将是一个切换按钮，用于过滤今天的日期。昨天和上周也会有，但我只是想让今天工作。

我的弹性搜索索引有一个timeSubmitted我想使用的字段。我正在使用在 Kibana 中搜索时生成的查询。我的代码如下：

<ReactiveComponent
    componentId="Today"
    URLParams={true}
    defaultQuery={() => ({
      query: {
        match: {
          timeSubmitted: {
            query: '2019-02-09',
            type: 'phrase',
          },
        },
      },
    })}
  >
    <TodayComponent />
</ReactiveComponent>

class TodayComponent extends Component {
  setValue() {
    this.props.setQuery({
      query: {
        match: {
          timeSubmitted: {
            query: '2019-02-09',
            type: 'phrase',
          },
        },
      },
    });
  }

  render() {
    console.log('props', this.props);
    return (
      <button onClick={() => this.setValue()}>Today</button> 
    );
  }
}

当我单击按钮时，什么也没有发生。