Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.9k views
in Technique[技术] by (71.8m points)

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

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

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

Just Browsing Browsing

[5] html - How to create even cell spacing within a

1.4m articles

1.4m replys

5 comments

57.0k users

...