App默认创建-App App组件呈现两次
App默认创建-App App组件呈现两次
提问于 2020-04-13 17:20:23
我通过命令启动了新的React项目：
npx create-react-app my-app --template typescript
然后，我将App组件改为如下所示：
import * as React from 'react';
export default class App extends React.Component<{}> {
public render() {
console.log("App Rendered");
return (
<div>
Hello World
</div>
);
}
}当我看到控制台日志(在Google和Microsoft中)时，我会收到以下消息：
[HMR] Waiting for update signal from WDS...
App Rendered
App Rendered我的问题：
为什么应用程序呈现被称为两次
如何删除WDS的第一条消息？
这是我的package.json (运行create-react-app时默认的)：
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"@types/jest": "^24.0.0",
"@types/node": "^12.0.0",
"@types/react": "^16.9.0",
"@types/react-dom": "^16.9.0",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1",
"typescript": "~3.7.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}回答 2
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61193122
复制相关文章
相似问题
腾讯云开发者
