--- order: 1 title: zh-CN: 配合 List 组件 en-US: Usage with list --- ## zh-CN 配合 List 组件展现评论列表。 ## en-US Displaying a series of comments using the `antd` List Component. ````jsx import { Comment, Tooltip, List } from 'antd'; import moment from 'moment'; const data = [ { actions: [Reply to], author: 'Han Solo', avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png', content: (

We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.

), datetime: ( {moment().subtract(1, 'days').fromNow()} ), }, { actions: [Reply to], author: 'Han Solo', avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png', content: (

We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.

), datetime: ( {moment().subtract(2, 'days').fromNow()} ), }, ]; ReactDOM.render( ( )} />, mountNode); ````