注册
登录
React
反应与反应DOM混淆
返回
反应与反应DOM混淆
作者:
SHOU宅大可爱
发布时间:
2025-03-06 10:53:44 (17小时前)
转自：
<div class =“excerpt”> 我正在使用ES6 babel <span class =“result-highlight”> 应对 </跨度> ，现在是新版本 <span class =“result-highlight”> 应对 </跨度> ， <span class =“result-highlight”> 应对 </跨度> DOM不再是它的一部分了。我对以下代码的疑问是，它是第一行需要的吗？因为我无处不在 <span class =“result-highlight”> 应对 </跨度> ...，但最后一行我需要ReactDOM。 常量 <span class =“result-highlight”> 应对 </跨度> =要求（' <span class =“result-highlight”> 应对 </跨度> “） const ReactDOM = require（' <span class =“result-highlight”> 应对 </跨度> -dom“） const App =（）=＆gt; { 回来（ ＆lt; div className ='app-container'＆gt; ＆lt; div ... </DIV>
收藏
举报
5 条回复
0#
回复此人
阿政ღ
|
2019-08-31 10-32
<div class =“post-text”itemprop =“text”> <P> React需要分离与生成Web应用程序（HTML DOM）无关的核心反应代码。特别是本机反应，React Native和ReactRine需要一组不同的包 <code> react-dom </code> 不是其中之一。 </p> <P> 如果反应库从未拆分过与DOM相关的代码，那么反应本机项目会有核心反应代码，这些代码将是自重的，然后需要使用树抖动和死代码消除来删除，以删除您从未导入过的模块作为您应用的一部分。 </p> <P> 有了反应拆分这个代码很有意义。 </p> </DIV>
编辑
1#
回复此人
℘ 宋唐 ℒº ѵ ℯ楚厦
|
2019-08-31 10-32
<div class =“post-text”itemprop =“text”> <P> 来自的文档 <a href="https://www.npmjs.com/package/react-dom" rel="nofollow"> <code> ReactDOM </code> </A> ： </p> <BLOCKQUOTE> <P> 此包用作DOM相关呈现路径的入口点。它旨在与同构React配对，它将作为对npm的反应而发货。 </p> </BLOCKQUOTE> <P> 所以你的 <code> ReactDOM </code> 专门用于DOM相关的渲染路径。这个 <EM> 用过的 </EM> 与React包本身紧密结合，但React中的内置DOM已被弃用。 </p> <P> 现在，Facebook将ReactDOM作为自己的软件包单独发布，所以是的，如果你计划渲染你的任何React，你需要将它包含在你的应用程序中。你也一定需要 <code> React </code> 本身 - <code> ReactDOM </code> 只是DOM方面。 </p> <HR /> <P> 这是一个 <a href="https://www.reddit.com/r/javascript/comments/3m6wyu/found_this_line_in_the_react_codebase_made_me/cvcyo4a" rel="nofollow"> reddit帖子解释了与React和ReactDOM的分离 </A> 。 </p> <BLOCKQUOTE> <P> React团队正致力于将所有与DOM相关的东西提取到一个名为ReactDOM的独立库中。 0.14是分割库的第一个版本。 </p> </BLOCKQUOTE> <P> 很有趣的事实，因为他们想要支持向后兼容性，他们保留了React的内部DOM但阻止人们使用它 <a href="https://github.com/facebook/react/blob/master/src/umd/ReactUMDEntry.js#L18" rel="nofollow"> 以一种有趣的方式 </A> 。 </p> </DIV>
编辑
2#
回复此人
ikun
|
2019-08-31 10-32
<div class =“post-text”itemprop =“text”> <P> 它们与版本0.14分开，对于任何反应项目，您需要包括两者， 的<strong> ReactDOM </强> 正在铺设 的<strong> 应对 </强> ，和 的<strong> 应对 </强> 没有 的<strong> ReactDOM </强> 无法呈现给 的<strong> DOM </强> 所以答案很大 的<strong> 是 </强> ！ </p> </DIV>
编辑
3#
回复此人
枫
|
2019-08-31 10-32
<div class =“post-text”itemprop =“text”> <P> 从版本反应 <code> 0.14 </code> 以后分为两部分： 的<strong> 应对 </强> 和 的<strong> ReactDOM。 </强> 你正在利用 <code> ReactDOM to render you HTML element </code> 。所以对你来说绝对有意义 <code> import ReactDOM </code> 在您的组件中。但就React而言，虽然你没有直接使用React，但它是间接使用的，因为无论你在你的中写什么 <code> return statement will be transpiled into React.createElement </code> 将创建实际DOM元素的函数。 </p> <P> 现在你可以看到这个，如果你在代码中省略了React，你会看到一个错误 </p> <BLOCKQUOTE> <P> 反应不存在 </p> </BLOCKQUOTE> <P> 它会给你 <code> React is not recognised in React.createElement. </code> 希望你理解它。 </p> </DIV>
编辑
登录
后才能参与评论
