我正在查看以下使用Sping Boot 和React的教程。https://spring.io/guides/tutorials/react-and-spring-data-rest/
React是否会在服务器端呈现在这里,因为它要呈现到Thymeleaf模板中?为了方便起见,我已经放置了Thymeleaf模板和下面教程中的React文件代码。
src/main/resources/templates/index.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
<meta charset="UTF-8"/>
<title>ReactJS + Spring Data REST</title>
<link rel="stylesheet" href="/main.css" />
</head>
<body>
<div id="react"></div>
<script src="built/bundle.js"></script>
</body>
</html>
js/app.js-渲染代码
ReactDOM.render(
<App />,
document.getElementById('react')
)
2条答案
按热度按时间k0pti3hp1#
在给定的示例中,React不是在服务器端呈现的。Thymeleaf HTML是按原样输出的。数据是通过调用Sping Boot 后端中的服务设置在客户端获取的,如教程中所示。
gmxoilav2#
没有理由不能将这两者结合起来。虽然示例中没有使用任何Thymeleaf模板,但是如果添加了它,并使Spring呈现它,那么它将在Spring的服务器端HTML响应之后对两个客户端ReactJS DOM组件进行后呈现。
例如,您可以进行条件渲染