Uncaught ReferenceError: ReactDOMServer не определен
Привет всем, я работаю над веб-проектом Java, использующим реагирование и jquery для рендеринга динамических веб-страниц. Поэтому я хотел использовать функцию ReactDOMServer.renderToStaticMarkup (element) для извлечения html-узлов, связанных с html-элементом, но я получаю как ошибку:
***Uncaught ReferenceError: ReactDOMServer is not defined***
Я также искал в сети, чтобы найти cdn ReactDOMServer, чтобы исправить ошибку, но возникают другие ошибки. Вот пример кода:
HTML-файл
<!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 FILE
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));