1. ホーム
  2. ジャバスクリプト

[解決済み】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>
    );
}