[解決済み】Reactの変数文(JSX)でHTMLを挿入する【重複あり
2022-04-02 05:52:32
質問
私はReactで何かを作っていて、JSXのReact VariablesでHTMLを挿入する必要があります。このような変数を持つ方法はありますか?
var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>';
をreactに挿入して動作させることはできますか?
render: function() {
return (
<div className="content">{thisIsMyCopy}</div>
);
}
で、期待通りのHTMLを挿入させることができますか?これをインラインで行えるようなreactの関数や、これを可能にするようなパース方法については、見たことも聞いたこともありません。
解決方法は?
を使用することができます。 dangerouslySetInnerHTML は、例えば
render: function() {
return (
<div className="content" dangerouslySetInnerHTML={{__html: thisIsMyCopy}}></div>
);
}
関連
-
[解決済み】SecurityError: オリジンを持つフレームがクロスオリジンフレームにアクセスするのをブロックした
-
[解決済み】JavaScriptのgetElementByNameが機能しない
-
[解決済み] ローカルファイルを開くことができません - Chrome: ローカルリソースのロードが許可されていません
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] React JSX内のループ
-
[解決済み] AngularJSのコントローラからビューにHTMLを挿入する
-
[解決済み] React JSX: selecting "selected" on selected <select> option
-
[解決済み] React/JSXにscriptタグを追加する。
-
[解決済み】「SyntaxError: 予期しないトークン < in JSON at position 0".
-
[解決済み] How to avoid extra wrapping <div> in React?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み】Uncaught ReferenceError: angular is not defined - AngularJSが動作しない。
-
[解決済み】NodeJS "ESモジュールをロードするためにインポートを使用する必要があります。"
-
[解決済み】コンソールがUnterminated JSX contentsエラーを投げる【終了しました
-
[解決済み】WebpackとBabelで「このファイルタイプを扱うには適切なローダーが必要な場合があります。
-
[解決済み】このオブジェクトの "forEach "はなぜ関数でないのですか?
-
[解決済み】Uncaught ReferenceError。Firebase は定義されていません。
-
[解決済み】Syntax error: JavaScriptの不正なreturnステートメント
-
[解決済み】中央値の計算 - javascript
-
[解決済み】ReactJSでHTMLの文字列をJSXに変換する。