本文主要是介绍Prolist组件实现动态竖排展示，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
实现原理：主要是利用外层div属性display:"flex",overflowX: 'auto'，配合内层prolist样式属性flex:"0 0 auto",overflowX:"auto",width:"350px",height:900，实现动态竖排展示
<div style={{display:"flex",overflowX: 'auto',width:"100%"}}>{lists && lists.map((item,index)=>{console.log("item",item)return(<ProListstyle={{flex:"0 0 auto",overflowX:"auto",width:"350px",height:900}}headerTitle={item.keyword_name}metas={{title:{dataIndex:"commenter_name"},avatar:{dataIndex:"avatar_url"},description:{dataIndex:"content"}}}request={async ()=>{const params = {keyword_name:item.keyword_name}const res = await get_cars(params)return {success:true,data:res.data}}}/>)})}
</div>
这篇关于Prolist组件实现动态竖排展示的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
