首页 > 解决方案 > 为什么 React Js 被称为单页应用程序

问题描述

大家好,我是 React Js 的新手,我经常听到和看到有关 React 是单页应用程序的帖子,但从不明白什么是 SPA,许多人说它不会重新加载页面,但我不明白为什么你们能解释一下我用简单的例子。

标签: reactjssingle-page-application

解决方案


单页应用程序是一个Web 应用程序或网站,它通过使用来自 Web 服务器的新数据动态地重写当前网页,而不是浏览器加载整个新页面的默认方法来与 Web 浏览器交互。

这意味着您网站的 URL 不会完全改变(页面不会重新加载),而是会继续获取内容并用它重写 DOM,而不是加载新页面。

The goal is faster transitions that make the website feel more like a native app

示例:Netflix

在此处输入图像描述 这是仪表板,当我们点击任何电影时,它会变为 /watch 并且内容会被重写。 在此处输入图像描述

在技​​术方面:

在构建你的 react-app 时,你可以看到只有一个 App.js 从那里加载你的整个 web 应用程序的片段和组件。这种在单个页面上呈现组件和页面并更改 DOM 的行为(是单个页面行为,因此得名),而不是加载具有新内容的新页面,这使它感觉像一个单一的应用程序。


推荐阅读