Reactでmap要素内の表示させる文字数の制限をしたかったけどめんどかったのでCSSで書いた

js内でmap関数で表示させる文字を制限させたかったけどめんどくさいのでcssで制限させた。

200px以上幅をとりそうだったらはみ出た文字を見えなくして…を表示させる。

結構長い間、この問題をどうしようか悩んでいた。

一時は文字切り取りの関数使うとか考えてた。

やはりプログラムは面倒くささが深い。

CSS in jsなのでReactで記述しているファイル内ではtext-overflowではなくtextOverflowだったりする。

めんどみが深ざる者って感じだ。