Reactjs React-寻找创建此React组件的不同方法/想法

Reactjs React-寻找创建此React组件的不同方法/想法,reactjs,Reactjs,我想知道您将在ReactJS中使用什么方法来创建3个具有相同样式和相同滑块效果的块,如下图所示: 在我看来,我想在ReactJs中做一个循环,但我的问题是,如果我创建了一个后端,让用户更新文本和图像等内容,那么我就这样做 注意:我不需要知道如何设计它,我只想知道前端/后端开发人员构建此react组件的不同方法 我认为这里应该有三个部分 Carosuel组件,具有 最近的活动 婚礼 查看更多按钮 下面描述的图像组件中所有图像的映射 图像组件 灰色背景当然是一幅图像 有头衔 带标题 按钮覆盖

我想知道您将在ReactJS中使用什么方法来创建3个具有相同样式和相同滑块效果的块,如下图所示:

在我看来,我想在ReactJs中做一个循环,但我的问题是,如果我创建了一个后端,让用户更新文本和图像等内容,那么我就这样做


注意:我不需要知道如何设计它,我只想知道前端/后端开发人员构建此react组件的不同方法

我认为这里应该有三个部分

Carosuel组件,具有

  • 最近的活动
  • 婚礼
  • 查看更多按钮
  • 下面描述的图像组件中所有图像的映射
图像组件 灰色背景当然是一幅图像

  • 有头衔
  • 带标题
  • 按钮覆盖在图像上
主要成分

  • 所有这些都将被装订在哪里
  • 国家将得到管理
  • 按钮,在任何OnClick fetch上加载更多项目
  • 在这里映射不同的旋转木马

    • 我认为这里应该有三个部分

      Carosuel组件,具有

      • 最近的活动
      • 婚礼
      • 查看更多按钮
      • 下面描述的图像组件中所有图像的映射
      图像组件 灰色背景当然是一幅图像

      • 有头衔
      • 带标题
      • 按钮覆盖在图像上
      主要成分

      • 所有这些都将被装订在哪里
      • 国家将得到管理
      • 按钮,在任何OnClick fetch上加载更多项目
      • 在这里映射不同的旋转木马

      我认为这是一个纯粹的前端设计问题,因为它不会影响后端,或者说,它们是相互关联的,但不是相互依赖的

      对于前端,自然的方式是每一个瓷砖都是一个组件,每一行都是包含x个瓷砖的组件,在你的情况下是3个,但是你可以通过道具来改变每一行的瓷砖数量。页面的主要组件/容器将再次包含y行数,在您的情况下为3行,如前所述,您可以作为道具传递以更改显示的行数

      事实上,一切都将取决于您的数据、来自API的有效负载(假设)以及每行多少块和多少块。您还需要确定您的UI是否希望最终用户一次一个或多个磁贴更新。它们是相互关联的,但是每种设计都不会影响到你如何构造你的组件


      希望这有帮助

      我认为这是一个纯粹的前端设计问题,因为它不会影响后端,或者说,它们是相互关联的,但不是相互依赖的

      对于前端,自然的方式是每一个瓷砖都是一个组件,每一行都是包含x个瓷砖的组件,在你的情况下是3个,但是你可以通过道具来改变每一行的瓷砖数量。页面的主要组件/容器将再次包含y行数,在您的情况下为3行,如前所述,您可以作为道具传递以更改显示的行数

      事实上,一切都将取决于您的数据、来自API的有效负载(假设)以及每行多少块和多少块。您还需要确定您的UI是否希望最终用户一次一个或多个磁贴更新。它们是相互关联的,但是每种设计都不会影响到你如何构造你的组件


      希望这有助于

      发布一些代码,以获取有关您如何处理问题的更多信息,或者创建一个代码沙盒,使我们能够在您的应用程序中播放和移动一些内容code@RicardoGonzalez我没有任何代码,只是想要想法而不是问题。我只是想要一些想法来创建这个组件。为了,我们刚刚开始发布一些代码,获取更多关于您如何处理问题的信息,或者创建一个代码沙盒,使我们能够在您的应用程序中播放和移动一些内容code@RicardoGonzalez我没有任何代码,只是想要想法而不是问题。我只是想要一些想法来创建这个组件。对,刚开始