H5W3
当前位置:H5W3 > 问答 > 正文

react 列表组件和列表元素组件如何复用?

我有一个列表商品组件List,因为需求原因会需要在很多页面引入,所以我把下单接口调用以及一些验证弹框都集中到一个List组件里面(也就是说这个列表组件不止是商品列表)。列表元素组件ListItem单独再抽成一个展示组件这样的两层结构。

之前每个页面的列表商品组件样式都是一样,所以没有什么问题,但是现在新需求来了:一个新的页面也包含这个商品列表,但是列表商品的tag栏显示不一样。

所以问题来了,这样的话我肯定是要把tag栏做成render props传入的,但是这样的话,就需要将 render props 传入List再传入ListItem,这样传递如何编写维护性比较好呢?或者说还有其他说明方法吗

回答

Context

usecontext

未经允许不得转载:H5W3 » react 列表组件和列表元素组件如何复用?

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址