ant-design/components/comment/demo/nested.md
2018-11-03 00:17:58 +08:00

832 B

order title
2
zh-CN en-US
嵌套评论 Nested comment

zh-CN

评论可以嵌套

en-US

Comment can be nested

import { Comment, Icon, Tooltip, Avatar } from 'antd';
import moment from 'moment';

function ExampleComment({ children }) {
  return (
    <Comment
      actions={[<span>Reply to</span>]}
      author={<a>Han Solo</a>}
      avatar={
        <Avatar
          src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
          alt="Han Solo"
        />
      }
      content={<p>Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim.</p>}
    >
      {children}
    </Comment>
  );
}

ReactDOM.render(
  <ExampleComment>
    <ExampleComment>
      <ExampleComment />
      <ExampleComment />
    </ExampleComment>
  </ExampleComment>,
  mountNode
);