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

Question

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

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

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

Answer 1

Context

usecontext