如何使用复选框打开或关闭ReactiveSearch组件

Question

我的ReactiveSearch项目看起来像这样demo。我无法弄清楚如何使用Javascript通过复选框切换开关暂时隐藏ReactiveSearch Component的用户界面及其对搜索结果的影响。

<div>
   <input type="checkbox" onChange={ this.handleChecked }/>
</div>
{show_rangeSliderAge === 'checked' &&
  <RangeSlider {...components.rangeSliderAge} />
}

我使用“ if ==='checked'”块删除ReactiveSearch组件的策略将隐藏该组件，但不会更改搜索结果。有任何想法吗？谢谢！