我们目前正在使用
ReactDOM.renderToStaticMarkup
在 highcharts
内渲染工具提示。
const chartOptions: Options = {
chart: { height },
tooltip: {
...,
formatter: function () {
return ReactDOMServer.renderToStaticMarkup(
<OurComponent/>
)
}
},
然而,在 React 18 中,当 React 在浏览器中运行时,
renderToStaticMarkup
API 被删除,并且我不知道客户端无法检索从 React 组件生成的静态 HTML。
我们没有节点服务器,因此无法迁移到
SSR
来完成此任务。
Highcharts 与框架无关,因此它们只接受原始 HTML。
有人知道实现此目标的方法吗?
renderToStaticMarkup
未从 react-dom/server
中删除。 结果发现我们本地的别名不正确webpack.config.js