有条件地呈现DataSearch组件

Question

我使用ReactiveSearch组件构建了一个搜索ui，效果很好！ 现在，我试图根据显示的路线/视图来确定如何有条件地显示导航栏中的DataSearch组件 。

例如在我的主页上。 我在超大型飞行器中有一个很大的DataSearch组件搜索表单，不需要/也不需要在导航栏中显示的DataSearch组件。

我看着这个和这个 ，但我不知道如何实现那些从ReactiveSearch的DataSearch组件的上下文。

更新 ：

所以我一直在研究如何从React Router（v4）中获取url，看来我可以从中获取它：

componentWillReceiveProps(nextProps) {
                if (nextProps.location !== this.props.location) {
...

因此，我以为我可以使用诸如location !== '/' && DataSearch但这不起作用。

Answer 1

你有没有尝试过这些？

{condition && <DataSearchComponent/>}

要么

{condition ? <DataSearchComponent/> : <OtherComponent/>}