React App.js 在进行更改时不会更新，但其他组件会更新答案

【问题标题】：React App.js doesn't update when making change but other components doReact App.js 在进行更改时不会更新，但其他组件会更新
【发布时间】：2021-06-13 06:17:31
【问题描述】：

这是我第一次使用 react，我正在将它与 Django 一起使用。我有一个 index.js，它将组件应用程序呈现为一个 id=root 元素，并且在应用程序的主体中，我放置了一个 h1 标记和另一个名为 HomePage 的组件，它已被导入。当我第一次启动服务器和 webpack 时，App 组件会正常更新大约 10 秒，但在那之后，对 App.js 的任何更改都不会更新。但是，当 App 组件不更新时，组件 HomePage 会更新。我的猜测是 main.js 没有更新，任何帮助将不胜感激。 index.js

//index.js
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
// import { render } from 'react-dom';
import App from './components/App';


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

App.js

import React, { Component } from 'react';
import HomePage from './HomePage';

function App(){
    
    return(
        <div>
            <HomePage />
            <h1>Welcome</h1>
            
        </div>
    );
}
export default App;

主页.js

import React, { Component } from 'react';


const HomePage = () => {
    return (
        <div>
            <h1>Home </h1>
        </div>
    );
}

export default HomePage;

【问题讨论】：

更新是什么意思？这些组件是静态的，不会更改任何状态。它们只会呈现相同的结果。
喜欢对文件的任何更改。就像将 h1 标签从“Welcome”更改为“Welcome Sam”或将任何其他组件添加到 App.js 文件中
哦，我明白了！很高兴你解决了 :) 干得好

标签： reactjs django-react

【解决方案1】：

我解决了我的问题，似乎 react 正在与 index.js 一起在 src 文件夹中寻找 App.js，而我在 Components 文件夹中找到了我的其他组件。将其移至 src 文件夹并更新导入后，我的应用程序开始正常更新。

【讨论】：