个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
直接在document body中通过id插入React组件可以吗？
还是用DIV包裹比较好？
index.js
ReactDOM.render(
<Provider store={store()}>
<App/>
</Provider>,
document.querySelector("#root")
)
index.html
<body class="d-flex flex-column h-100" id="root">
<noscript>You need to enable JavaScript to run this app.</noscript>
</body>
最佳答案
我不建议使用 body 作为虚拟 DOM 的根，原因有 3 个:
body 通常包含脚本标签，其中可能包含您的 React 逻辑。重新渲染 body 意味着您也需要处理所有脚本，并且每次需要重新渲染 body 时，都需要重新加载所有脚本，这是效率不高，更不用说重新加载 React 代码的副作用(我没有任何经验可以证明这一点)。避免这种情况的唯一方法是将所有脚本放入 header，which is not recommended . body，例如如果您使用 Bootstrap 模式，请添加类“modal-open”，还有其他解决方案，例如 using React's hook或专用于更新正文的事件监听器。关于reactjs - React JS - 如何更好地将 React 组件添加到 ReactDOM，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62075274/
26
4
0
我有一个包含 React 应用程序和其他 HTML 元素的项目。这意味着: ReactDOM.render(, document.getElementById('element1') ReactDO
我有如下代码，我在其中调用 ReactDOM.Hydrate。这是共享代码，有时从节点服务器调用，有时在客户端浏览器中调用。仅在客户端上调用它时，我是否需要做任何不同的事情(然后调用Hydrate)。
我有多个元素使用相同的类并具有相同的内容。 所以我可以使用 ReactDOM 来渲染它们，而不是: ReactDOM.render( , document.getElementsByC
ReactJS 新手，无法找出为什么此页面没有显示任何内容 -
我正在尝试用 reactjs 编写一个基本程序 Hello React! ReactDOM.render(
我是 React 新手，我正在尝试遵循这个滴答作响的时钟示例，但做一些不同的事情。我想要ReactDOM将在 index.js 中呈现。这是我的代码: Timer.js: import React f
我有一个方法可以在提供的容器内呈现一个图标(字体很棒的图标)。图标渲染可以通过用户单击特定 div 或程序本身在模仿用户单击特定 div 时自动调用渲染函数来进行。 为了更好地理解这一点。我创建了这个
我正在将 React 与 Webpack 和 Babel 结合使用。我收到运行时错误: Uncaught ReferenceError: ReactDom is not defined 我的 reac
升级到版本 0.14.2 后，我看到错误并建议使用 ReactDOM.render()而不是 React.render()，但是我从哪里导入它呢？ 当我不导入它并按原样运行时，它显示为 undefin
索引.js: import React from 'react'; import buttonsInstance from 'components/button-instance'; import {
来自 React 16 docs关于ReactDOM.Hydrate()， Same as render(), but is used to hydrate a container whose HTM
我的 react 有点新。我发现我们必须导入两个东西才能开始，React 和 ReactDOM，任何人都可以解释其中的区别。我正在阅读React documentation ，但没有说。 最佳答案 R
因此请考虑以下示例: import React from 'react'; import ReactDOM from 'react-dom/dist/react-dom'; class Dash
我是 ReactJS 的新手。我试图使用 ReactDOM 渲染一个简单的 div，但无法这样做。这是我的代码: Hello React
我有一个问题。我一直在我工作的公司开发 React 组件，但从未真正使用过 reactDOM.render()功能。(除了内部 INDEX.JS: ReactDOM.render( , documen
我不明白为什么此页面没有显示任何内容: console.log("Hi
我有一个简单的 React 应用程序，它包含一组数据，这些数据显示在 React 中创建的容器中: var products = [ { name: 'product 1'}, { name: 'pr
在我的主文件中我有这段代码 import phoneReactElement from "../components/phone.js"; ReactDOM.render(, document.get
为什么这不起作用？我正在关注 YouTube 教程。 function Hello(props) { return Hello; } ReactDOM.render( Hello, d
目前无法弄清楚为什么我的代码没有呈现。会喜欢你们中一些杰出的 react.js 编码员的一些建议。真的不明白哪里出了问题 - 我觉得应该可以。 这是我的 App.js import React fro
我是一名优秀的程序员,十分优秀！