为什么浏览器刷新不显示最新更改？

Question

我正在学习 reactjs，我启动了服务器 npm start 然后我在 index.js 中输入了这些代码

import React from 'react';
import { render } from 'react-dom';

class StorePicker extends React.Component {

    render() {
        return <p>Hello</p>
    }
}

render(<StorePicker/>, document.querySelector('#main'));

当我将“hello”更改为其他内容并刷新浏览器时，什么都没有改变！有什么问题？

索引.html

<div id="main">

</div>

Answer 1

您必须将服务器配置为热重新加载，以便在您更改代码时在浏览器中更改内容。你可以使用react-hot-loader插件，以防你没有使用任何热重载插件，或者你可以使用webpack-dev-server进行热重载。

既然你刚开始，我强烈建议你使用create-react-app。 create-react-app 带有热重载。

要全局安装create-react-app，请在终端上运行npm install -g create-react-app，然后运行create-react-app my-app，其中my-app 是您的应用名称。

如果您有最新版本的节点，只需运行其中的每一个

npx create-react-app my-app
cd my-app
npm start

在终端上