Question

当我在没有Redux的React中制作应用程序时，我会在Render中做类似的事情：

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

但是，它似乎在Redux中不起作用。这是在App.js组件中，我已订阅商店，此JSX包装在Provider中。

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

但是，它不起作用。难道我做错了什么？ Redux的新功能在这里。

Answer 1

我认为多种情况在这里引起问题。这不是redux的问题

尝试一下

const isRestaurantCodeEmpty = store.getState().currentRestaurantCode===''||store.getState().currentRestaurantCode==='Bad Request';

....

{isRestaurantCodeEmpty
 ?<View> Some elements </View>
 :<View> Some other elements </View>
}

Answer 2

您应该调用操作，然后它通过化简器（应该创建操作和化简器），然后通过连接获取数据并将其从mapstatetoprops函数传递到表单。似乎您没有执行这些操作。

在React Native + Redux中进行条件渲染的正确方法是什么？

2 个答案: