Question

如何在react.js渲染中显示javascript / html代码。

我试过这样的

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

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

这是html代码..但我也想在屏幕上显示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

的工作笔

Answer 2

如果要在html中显示“代码”，则可以使用

<code>something</code>

标签，它将在屏幕上显示您的代码。

在react.js中显示javascript / html代码，如纯文本

2 个答案: