Как переключить и типография. Параллельный многоточие

Question

Я использую компонент <Typography.Paragraph> для отображения описания некоторых элементов в списке.Я хочу ограничить количество строк в описании до 2.

Теперь я могу использовать опору ellipsis для <Typography.Paragraph>, чтобы ограничить описание отображением только 2 строк и установить его возможность расширения.Однако я не могу найти способ свернуть текст обратно до двух строк с помощью многоточия (...)

Это фрагмент моего текущего кода.

const listOfLongText = [.....];

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

Я знаюо onExpand обратном вызове для ellipsis пропу Paragraph, но не уверен, как получить переключение между функциями раскрытия и свертывания, используя onExpand

API <Typography.Paragraph> определен здесь

Спасибо за вашу помощь заранее!
Если вам нужна дополнительная информация, оставьте комментарий, и я предоставлю его.

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>;