Reactで行単位でテキストを切り捨てる

Question

私は反応でカードのタイトル（テキスト）を切り捨てる必要があります。

私はコンポーネントhttps://www.npmjs.com/package/react-dotdotdotをdotdotdot使用しようとするが、それは単純なコンポーネントでは動作しません。

const content = ({title}) => <Dotdotdot clamp={2}><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Est rem magni totam quos sapiente aliquid praesentium quae sint illo quas dicta cum illum dolorum quis eveniet, corrupti porro placeat, consequatur reprehenderit aliquam distinctio voluptates voluptate, temporibus omnis. Cum quis tenetur laborum minus accusantium provident eveniet, corrupti, reiciendis aliquam suscipit hic?</p></Dotdotdot> 

ie11とmozillaでは動作しません。 -web-kit私は-webkit-line-clampですが、mozillaでは動作しません。つまり動作しません。

誰でもこのタスクの決定を知っていますか？

Answer 1

この問題を解決するか、他のオプションを求めるかどうかはわかりません。

しかし、私は通常、省略記号としてreact-lines-ellipsisを使用しています。 他の選択肢と一緒に行くことができれば、他のブロワーのdemoもチェックできます。