如何切换antd Typography.Paragraph省略号

Question

我使用<Typography.Paragraph>组件来显示列表中某些项的描述。我希望将描述中的行数限制为2。

现在，我可以使用ellipsis支持<Typography.Paragraph>将描述限制为只显示2行，并将其设置为可扩展。但是，我似乎找不到一种方法，可以用省略号(...)将文本折叠回2行。

这是我当前代码的片段。

const listOfLongText = [.....];

listOfLongText.map((text,i) => {
    <Paragraph ellipsis={{ rows: 2, expandable: true }}> 
        {text}
    </Paragraph>
})

我知道onExpand回调Paragraph的ellipsis支柱，但不确定如何使用onExpand获得展开和折叠功能之间的切换。

<Typography.Paragraph> API被定义为这里。

如果你需要更多的信息，删除评论，我会提供它。

Answer 1

在当前的antd版本(3.23.4)中没有这样的选项。

您需要通过状态来控制它，例如：

<Paragraph
  ellipsis={{
    rows: 3,
    expandable: true,
    onExpand: this.typoExpand
  }}
>
  Ant Design, a design language for background applications, is refined by Ant
  UED Team. Ant Design, a design language for background applications, is
  refined by Ant UED Team. Ant Design, a design language for background
  applications, is refined by Ant UED Team. Ant Design, a design language for
  background applications, is refined by Ant UED Team. Ant Design, a design
  language for background applications, is refined by Ant UED Team. Ant Design,
  a design language for background applications, is refined by Ant UED Team.
</Paragraph>;

​

​