Spring Boot 使用Sping Boot 的服务器端呈现React

jobtbby3  于 2022-11-05  发布在  Spring
关注(0)|答案(2)|浏览(286)

我正在查看以下使用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')
)
k0pti3hp

k0pti3hp1#

在给定的示例中,React不是在服务器端呈现的。Thymeleaf HTML是按原样输出的。数据是通过调用Sping Boot 后端中的服务设置在客户端获取的,如教程中所示。

gmxoilav

gmxoilav2#

没有理由不能将这两者结合起来。虽然示例中没有使用任何Thymeleaf模板,但是如果添加了它,并使Spring呈现它,那么它将在Spring的服务器端HTML响应之后对两个客户端ReactJS DOM组件进行后呈现。
例如,您可以进行条件渲染

<div id="react" th:if="some condition here"></div>
<div id="other-react" th:if="other condition here"></div>

相关问题