大家好，我在一个 Java Web 项目上工作，使用 react 和 jquery 来呈现动态网页。所以我想使用函数 ReactDOMServer.renderToStaticMarkup (element) 来检索与 html 元素相关的 html 节点，但我收到一个错误：
***Uncaught ReferenceError: ReactDOMServer is not defined***
我也在网上搜索找到cdn ReactDOMServer 来纠正错误但出现其他错误。这是一个示例代码：
文件
<!DOCTYPE html>
<html>
<head>
<title>ORION WAMBERT</title>
<style type="text/css">
body{
font-family: "comic sans ms";
}
</style>
</head>
<body>
<div id="root"></div>
<script type="text/javascript" src="react.development.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="react-dom.development.js"></script>
<script type="text/javascript" src="babel.min.js" charset="utf-8"></script>
<script type="text/babel" src="appReact.jsx">
</script>
</body>
</html>
JSX 文件
class Button extends React.Component{
handleClick(e){
ReactDOM.render(<TextView text="HELLO WORLD"/>,$("#root").get(0));
}
render(){
return <button onClick={this.handleClick}>{this.props.value}</button>;
}
}
class TextView extends React.Component{
render(){
return <h3>{this.text}</h3>;
}
}
let element=<Button value="click me"/>;
$("#root").html(ReactDOMServer.renderToStaticMarkup(element));