react.jsのプレーンテキストのようなjavascript/htmlコードを表示

Question

react.jsのレンダリングでjavascript/htmlコードを表示する方法。

私はこれは、HTMLコードでこの

var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong </p>'; 

return (
    <div> 
     <div dangerouslySetInnerHTML={{__html: thisIsMyCopy}}> 
     </div> 
    </div> 
) 

のように試してみました..しかし、私はまた私の画面上でJavaScriptコードを表示したい...私はそれを行うことができますどのように.. は、あなたは私を導くことができます。..どのように進めるか

Answer 1

すでにストリングバージョンでは、変数を中括弧で囲む必要があります。 dangerouslySetInnerHTMLは、html文字列を実際のhtmlに変換する場合に使用します。あなたは、関数の文字列バージョンをしたい場合

var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong </p>'; 

return (
    <div> 
    {thisIsMyCopy} 
    </div> 
) 

はちょうどどんな機能を取ると、そのようにそれに文字列を追加します。ここでは

function functionString() { console.log('stringed function") } 

var functionAsString = '' + functionString 

return (
    <div> 
    {functionAsString} 
    </div> 
) 

あなたはいけこのhttp://codepen.io/finalfreq/pen/JRqEWW