mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 15:19:58 +08:00
827225b895
* docs: replace avatar image to joeschmoe placeholder * docs: usage randomme avatar url
796 B
796 B
order | title | ||||
---|---|---|---|---|---|
2 |
|
zh-CN
评论可以嵌套。
en-US
Comments can be nested.
import { Comment, Avatar } from 'antd';
const ExampleComment = ({ children }) => (
<Comment
actions={[<span key="comment-nested-reply-to">Reply to</span>]}
author={<a>Han Solo</a>}
avatar={<Avatar src="https://joeschmoe.io/api/v1/random" alt="Han Solo" />}
content={
<p>
We supply a series of design principles, practical patterns and high quality design
resources (Sketch and Axure).
</p>
}
>
{children}
</Comment>
);
ReactDOM.render(
<ExampleComment>
<ExampleComment>
<ExampleComment />
<ExampleComment />
</ExampleComment>
</ExampleComment>,
mountNode,
);