【JavaScript】行頭〇文字のみ表示する

はじめに

個人開発アプリのレイアウト作成中に、「行頭10文字のみを表示したい！」と思ったのでその方法についてまとめます。

解決方法

slice(〇文字目から表示,〇文字目まで表示) を使う

今回は行頭10文字を表示し、それ以降は "..."と表示されます。

tsx

<Text>
{article.contents.slice(0, 10)}...
</Text>

イメージ

参考