ReactJS：检查redux状态和条件渲染？

因此，在我们的应用程序中，我们将状态映射到props，然后检查redux的状态响应，以有条件地呈现组件或加载组件

这感觉不对

如果我们的组件是“智能组件”，我们应该有条件地从redux渲染还是有更好的选择

    <MainLayout
      screens={Status === types.SELECT_LIST_SUCCESS ? renderListPage : <Spin />}
    />

---

我们可以使用shouldComponentUpdate（）完成此操作，这被认为是React中的高级实践

使用shouldComponentUpdate（）让React知道组件的输出 不受当前状态或道具更改的影响。默认值 行为是在每一个状态改变时重新呈现的，并且在广阔的空间中 大多数情况下，您应该依赖默认行为

当出现新的道具或属性时，应在呈现之前调用shouldComponentUpdate（） 国家正在接受。默认为true。不调用此方法 用于初始渲染或使用forceUpdate（）时

返回false不会阻止子组件重新渲染 当他们的状态改变时

---

什么是RenderListPage而不是

类型。选择\u LIST\u SUCCESS

使用一些flags@RajatDhootrenderListPage是一个常量，它保存窗体的所有div