Как правильно делать условное отображение в реагировать родной + обертывание?

Когда я делал приложения в реагируют без Возвращение я хотел сделать что-то подобное в визуализации:

{!this.state.modalShown?<Component1/>:<Component2/>}

Однако это не похоже на работу в клетку. Это App.js компонент, я выписывал в магазин и этот JSX заворачивают в поставщике.

{store.getState().currentRestaurantCode===''||store.getState().currentRestaurantCode==='Bad Request'
 ?<View> Some elements </View>
 :<View> Some other elements </View>
}

Однако, это не сработает. Я делаю что-то неправильно? Новое здесь "возвращение".