gpt4 book ai didi

reactjs - 为什么我的应用程序在 React Dev 中有两个实例。工具?

转载 作者:行者123 更新时间:2023-12-05 05:11:02 24 4
gpt4 key购买 nike

当使用 Chrome/React 开发人员工具调试我的 React 应用程序时,我看到了我的应用程序的两个实例。有没有人经历过这个?它实际上是在渲染两个实例,还是只是一个开发人员错误?

image

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import * as serviceWorker from './serviceWorker';

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

是我的整个 App.js,App 有一个导出。

最佳答案

我在使用 babel 和 webpack 从头开始​​设置我的 React 应用程序时遇到了同样的问题。

我从浏览器查看了页面源代码,结果发现我在 index.html 文件中包含了两个脚本标签。我认为那是因为我包含了第一个手动引用“/bundle.js”的脚本标签。当您运行 webpack dev server 时,它会自动为您包含它。

<!doctype html>
<head>
<meta charset="utf-8"/>
<title>React App</title>
</head>
<body>
<div id="root"></div>
</body>
</html>

所以在运行 webpack-dev-server 之前确保你的 index.html 看起来是这样的

关于reactjs - 为什么我的应用程序在 React Dev 中有两个实例。工具?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55957573/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com