2016-05-24 11 views
0

私は例えば、リアクト使用して私のjavascriptのコード内の文字列としてプレーンなHTML文字列を持っている:ReactでプレーンなDOM要素を作成するには?

const htmlString = '<h1>Hello, World!</h1>' 

今、私は私のリアクト構成要素のうちの1つのメソッド内で、プログラム<h1>要素のclassName属性を設定します。

私は通常行ってみませんかこれをします:

let htmlElement = document.createElement('div') 
htmlElement.innerHTML = htmlString 

その後、私は次のことを行って、呼び出すことができます。

htmlElement.getElementByTagName('h1').className = 'description-heading' 

しかし、私はdocumentへのアクセスを持って反応しないで、私createElementに電話をかけることはできません。どのようにしてこの問題をReactで解決できますか?

+0

https://facebook.github.io/react/docs/tutorial.htmlこれは役に立ちますか? – AlFra

+1

最終的な目的は何ですか? JSX構文を使用してエレメントマークアップを簡単に表現し、ワンショットで簡単に作成できます。あなたはどこかから入力としてマークアップを取っていますか? – hazardous

+0

@ハザードードそれは基本的に事実です。 htmlはプログラムによって生成されますが、後でCSSクラスを調整する必要があります... – nburk

答えて

関連する問題