使用 Redux 翻转卡片状态 - 它应该是有状态组件吗？
Flipping card state with Redux - should it be stateful component?
我有一个 JSON 文件，其中包含一个具有许多属性的对象，我想将它们显示在卡片网格上（我已经这样做了）。
现在我希望能够点击卡片并在点击的卡片上显示其他内容（但仍停留在网格视图中）> 基本上就像翻转卡片以显示更多信息。
我会通过向我的 JSON 对象添加一个额外的 isFlipped 布尔值 属性 来做到这一点，以便我可以通过 Redux 操作更改它，还是应该创建一个有状态的卡片组件？最佳做法是什么？
为您的卡片创建一个展示组件，它接收一个 isFlipped 属性 和一个 flipCard 函数。该组件可以根据给定的属性确定要呈现的内容。如果 isFlipped 为真，则渲染其他信息。否则，渲染标准数据。在某些事件上，例如 onClick，调用 flipCard 函数。
然后通过将容器组件连接到状态、从商店的某个部分映射 isFlipped 以及分派 flipCard 操作来生成容器组件。如果可以翻转多张卡片，则需要将翻转的卡片映射到某种集合中，例如对象映射。如果卡片的键存在于地图中，则卡片将被视为翻转。
在需要渲染可翻转卡片的地方渲染容器。
我有一个 JSON 文件，其中包含一个具有许多属性的对象，我想将它们显示在卡片网格上（我已经这样做了）。
现在我希望能够点击卡片并在点击的卡片上显示其他内容（但仍停留在网格视图中）> 基本上就像翻转卡片以显示更多信息。
我会通过向我的 JSON 对象添加一个额外的 isFlipped 布尔值 属性 来做到这一点，以便我可以通过 Redux 操作更改它，还是应该创建一个有状态的卡片组件？最佳做法是什么？
为您的卡片创建一个展示组件，它接收一个 isFlipped 属性 和一个 flipCard 函数。该组件可以根据给定的属性确定要呈现的内容。如果 isFlipped 为真，则渲染其他信息。否则，渲染标准数据。在某些事件上，例如 onClick，调用 flipCard 函数。
然后通过将容器组件连接到状态、从商店的某个部分映射 isFlipped 以及分派 flipCard 操作来生成容器组件。如果可以翻转多张卡片，则需要将翻转的卡片映射到某种集合中，例如对象映射。如果卡片的键存在于地图中，则卡片将被视为翻转。
在需要渲染可翻转卡片的地方渲染容器。