Question

如何将React元素转换为字符串：

const e = React.createElement;

const _notification = e(
  "div", null, e(
    "button", null, "Foo"
  )
);

我需要这个：

const notification = someReactMethod(_notification);
console.log(notification);  // => "<div><button>Foo</button></div>"

注意：我不能再使用Node.js（这是我使用React的方式）。

谢谢。

Answer 1

您可以使用ReactDOMServer的静态方法。 renderToString或renderToStaticMarkup。

import ReactDOMServer from 'react-dom/server';
const notification = ReactDOMServer.renderToString(_notification);
// or
const notification = ReactDOMServer.renderToStaticMarkup(_notification);

对于静态页面，建议使用后者；如果要将标记合并到客户端的应用程序中，则需要使用前者。

将元素转换为字符串

1 个答案: