[英]What html element to use for react root dom node?
我想使用语义 html 创建一个应用程序。该应用程序将具有 header、导航、主区域、页脚和侧边栏。
该应用程序使用反应，所以有一个 index.js 和 index.html。 这是 React 将元素渲染到根 DOM 节点的地方。
索引.js
render(<App />, document.getElementById('root'))
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Title</title>
</head>
<body>
//<div id="root"></div>
// <main id="root"></main>
// <section id="root"></section>
</body>
</html>
我希望该应用程序产生类似于以下内容的内容：
<some root node>
<header>
<nav>
<main>
<aside>
<footer>
由于 React 需要一个根节点，那应该是什么元素类型（什么是最语义正确的）？ 根节点在 index.html 中，因此片段不能解决问题。 我已经在 index.html 中注释掉了一些想法，它们是 div、main 和 section。
<main>应该与内容的主要部分有关。 如果您希望具有导航，标题和/或侧栏以及类似的内容，则将div用于App并将页面的主要内容使用<main>标记似乎更合适。
并没有真正的区别，但是官方文档使用<div>
如果愿意，可以使用document.body 。 如果页面中只有SPA，则没有特别的相关性。
您可以对根使用 main 标签，然后对各个部分使用 section 标签。
我应该使用ref或findDOMNode来获取元素的根节点吗？
[英]Should I use ref or findDOMNode to get react root dom node of an element?
我可以从 HTML 字符串或 dom 节点/元素创建 React 元素吗
[英]Can I create a React Element from an HTML string or dom node/element
将 Virtual DOM 中的同步元素与 HTML DOM 中的元素进行反应
[英]React Syncing element from Virtual DOM with element from HTML DOM
如何找到代表其实际html元素的React DOM节点？
[英]How do I find the React DOM node that represents its actual html element?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.