fix Announcements component has some warning on React #17
Conversation
| return React.createElement('br'); | ||
| return ( | ||
| <br key={i} /> | ||
| ); | ||
| } |
There was a problem hiding this comment.
brタグにkey属性が抵抗ありましたので
return React.createElement('br', { key: i });
でいかがでしょうか。
There was a problem hiding this comment.
（ただの野次馬です）普通に String#replace 使って書けないもんでしょうか？
nl2br (text) {
return text.replace(/\n/<br>/gm);
}みたいな（試してはないです）。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/replace
There was a problem hiding this comment.
jsx として認識してくれないんですかね？
Reactiveにする必要がないところにまで keyつけるの変かなーていうのはあります 😥
There was a problem hiding this comment.
いろいろ調べた結果、裏技っぽいものは見つけたｗ https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml
i18n
"welcome.message": "初めましての方へ<br />いらっしゃいませ。{domain}は全てのアイ...
jsx
<p dangerouslySetInnerHTML={{ __html: intl.formatMessage(messages.welcome, { domain: document.title }) }} />
現実的には、要素を分解して配置してあげるのが良いのですかね？野次終わり。
There was a problem hiding this comment.
dangerouslySetInnerHTML はHTMLをそのまま出力なのでまぁ使いたくないってのはありますｗ
-
return text.replace(/\n/g, '<br>');
<br>で出力される -
return text.replace(/\n/<br>/gm);
Push rejected, failed to compile Ruby app. -
return text.replace(/\n/g, <br>);
Push rejected, failed to compile Ruby app. -
return text.replace(/\n/g, React.createElement('br'));
[object Object]で出力される
Thank you.
related #13
だいたいは #13 に書いてある fvh-P@3fa862e をベースにしてます。
IconButtonのtitle属性に使うI18nメッセージは本来であれば専用のものを用意すべきなんだろうと思われますが、
全く同じ用途のものが重複してしまって面倒くさくなりそうだったのでmedia_galleryのものをそのまま拝借しました