Blog株式会社アキュトラスのメンバーが、技術情報などを楽しく書いています。技術こんにちは、joniyです。春アニメも終わってしまいますね。今期で乗りに乗っていて常におもしろかったのは「この素晴らしい世界に祝福を!」でしょうか。2期も決定してもう言うこと無いですね。ありがとうございます!!!!!!はい、本題に入ります。問題2016/03/16ぐらいから、Reactをフロントで使っているプロジェクトでセルから文字がはみ出るようになりました。...このようにpreタグを付けることでセル内で改行コードによる改行を実装していました。/>を付けることで解決しました。MultiLineCell解決策の模索経緯preタグを消してみる単純にpreタグを消してみました。改行コードで改行してくれなくなりました。́・ω・`)表示結果CSSで指定してみるword-wrap、white-space、word-breakを試してみましたが、どれもセル内で自動改行と文字コードによる改行を両立できませんでした。\nを<br>に置き換えてみるbrタグをhtmlタグと認識してくれなかったのでアウト。改行コード毎に別コンポーネントを呼び出す最終的にこの方法で解決しました。元コードの変更箇所も少ないので悪くない解決方法だと思います。新しいコンポーネントを作成するついでにES6で書いてみました。最近ずっとCoffeeScriptに慣れていたのでセミコロンが新鮮でした。ちなみに、CoffeeScriptとES6をこのReactプロジェクトでは共存させています。joniy:えっ....確認してみた。...表示結果...。CSS調べたつもりでしたが確認不足でした...。21:00Reactでセル内で自動改行と文字コードによる改行を両立させる方法Tweet関連記事2016-07-07Reactのコンポーネントをヘッドレスブラウザでテストするこんにちは。今回は,Reactで作成したコンポ...2016-06-23Reactの再レンダリングをなるべく減らすこんにちは。今回は,Reactの再レンダリング...2016-06-17ストレングスファインダーを用いた適正把握こんばんは、joniyです。以前以下のページでiframeを使ってXSSを...2016-06-09Reactコンポーネントが無駄に再レンダリングされていないか調べるこんにちは。»Profile株式会社アキュトラスのメンバーが、技術情報などを楽しく書いています。(1)Archiveスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。