我有一个JSON文件,其中包含许多属性的对象,我想在卡片网格上显示它们(我已经这样做了)。
现在我希望能够点击卡片并在点击的卡片上显示其他内容(但仍保留在网格视图中)>基本上就像转动卡片以显示更多信息。
我是否可以通过向我的JSON对象添加额外的isFlipped布尔属性来实现此目的,以便我可以通过Redux操作更改它,还是应该创建有状态卡组件?什么是最佳做法?
答案 0 :(得分:0)
为您的卡创建一个接收isFlipped属性和flipCard函数的演示组件。该组件可以根据给定的属性确定要呈现的内容。如果isFlipped为true,则呈现其他信息。否则,渲染标准数据。在某些事件上,比如onClick,调用flipCard函数。
然后通过将容器组件连接到状态,从商店的某个部分映射isFlipped以及flipCard操作的分派来生成容器组件。如果可以翻转多张卡片,则需要将翻转的卡片映射到某种集合中,例如对象贴图。如果卡片的密钥存在于地图中,则会认为该卡片已被翻转。
无论您需要渲染可翻转的卡片,都要渲染容器。