javascript - React.js HTML 中的选项卡式组件包括

Question

我目前正在学习 React.js，我正在尝试开发一个简单的项目，该项目可能包含一些非常重的正文内容，但我必须将它们保留在一个页面中，因此我选择了选项卡式组件作为可能的解决方案。

所以我打算将选项卡内容放入单独的 HTML 中，然后include将它们隐藏到主页中，直到单击它们的选项卡选项，但这是否意味着只有在单击选项卡选项后 HTML 才会加载到应用程序中?

通常我会认为单独的 HTML 会在加载主页的同时加载，但是使用 React.js，也许功能不同？

有人可以澄清一下吗？非常感谢！

Answer 1

单页应用程序通常会立即“加载”，并且视图会根据交互而改变。因此，如果您正确设置了布局，则内容将在您加载页面时被解释。

您所说的 HTML 正确地称为组件。React 中的一切都是基于 JavaScript 的。您可以将组件存储在以 .j​​s 而不是 .html 结尾的 JavaScript 文件中，然后一个 JavaScript 函数会将您的 JSX 组件作为其返回值返回，这将触发 DOM 重新加载。