Javascript 在a<；代码>；用JSX标记

我使用React来呈现一些UI组件。我想在

标记中显示一些JavaScript代码。我尝试了以下方法：

class A extends React.Component {
    render() {
        return(
            <pre><code>
                (function(a, b) {
                    var s = a.prop;
                    // ...
                }(c, d));
            </code></pre>
        );
    }
}

);
}
}

---

当我试图用webpack和Babel编译这个脚本时，我在

var s=a.prop

行得到了一个意外的令牌错误。如何正确呈现此JavaScript

@Pamblam是对的，你确实需要一个字符串：

) }

---

您想要返回一个字符串，但引号中没有任何内容……上面的代码是用JSX语法编写的。返回的是React元素。生成React元素的代码由JSX transpiler自动生成。您可以使用

{`…`}

来转义JSX中的多行字符串。@Aaron这是我第一次尝试的，但没有成功。我只是回去再试一次，结果成功了。嗯，我认为字符串中的生命是jsx中括号字符串的边缘

  render() {
    var foo = `
      (function(a, b) {
        var s = a.prop;
        // ...
      }(c, d));
    `

    return (
      <pre>
        <code>{foo}</code>
      </pre>
    )
  }