reactjs - 如何在 React/JSX 组件中嵌入文字 片段？

Question

我是 React 新手，我正在尝试在 React 组件中渲染静态 CSS 代码示例，如下所示:

React.createClass({
  render: function() {
    return (
      <code> body { color: blue; } </code>
    )
  }
});

但是，这似乎不起作用。

是否有一些特殊的方法可以让我转义这样的代码，或者我做错了什么？

Answer 1

可能还值得注意的是，这也可以使用多行字符串来完成:

<code>{`
  html { background: red; }
  body { color: blue; }
`}</code>