如何创建就用户体验而言非常相似的可重用反应组件? 挑战布局不同类型的物品及其行为

问题描述

挑战

假定您具有以下4种布局(请参见图片),它们在UI方面彼此之间非常微小。在react组件中进行设置的最佳方法是什么?它可能会缩放该功能,因此以最小的努力很好地进行缩放非常重要。每个项目类型的行为也可能彼此不同。 (请参阅行为说明)

布局

enter image description here

不同类型的物品及其行为

图片

此类型仅显示通过道具提供的图像

视频

这种类型应该能够打开通过道具(网址)提供的视频

文章

这种类型应该能够在后台显示图像,而且还可以使用react-router的客户端路由组件转发到详细视图

类别

这种类型应该能够在后台显示图像,而且还可以使用react-router的客户端路由组件转发到另一条路由

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...