IT技术 - 使用demo或root的目的是什么 - 吾爱随笔录

IT技术 reactjs react-native

2022-07-15 00:51:28

ReactDOM.render(
  <App />,
  document.getElementById('root')

那么当我在应用程序末尾看到这样的内容时，我应该理解什么？“root”或“demo”代表什么？

3个回答

它是所有 React 内容进入的原始 HTML 中存在的元素。例如，如果您的 HTML 包含：

<body>
  <div>Maybe some other content here</div>
  <div id="root"></div>
</body>

React rendering into#root意味着 App 渲染的所有内容都将放入该元素中：

<div id="root"> 
  <!-- App populates this element -->
</div>

选择要填充的元素可以是您想要的任何元素 - 它不必是root或demo特别是。

我假设您正在使用 Create React App。看看public/index.html。在那里你会看到<div id="root"></div>指的是哪个document.getElementById('root')。

在 React App 的 HTML 主文件index.html中，通常你可能会看到一个<div>带有id=root.

这段代码：

ReactDOM.render(
  <App />,
  document.getElementById('root')

手段：将整个 React App 渲染到带有id=root.

其它你可能感兴趣的问题