Javascript 在react中使用内嵌样式不会自动重新加载

我是新的反应！ 在React中执行内联样式时，没有任何更改，页面不会自动重新加载，即使手动重新加载页面也无法工作。只有当我在终端中结束已编译的程序并再次运行==>

npm start

原因是什么？我做错了什么`

谢谢！我找到了解决办法，但我把这篇文章留在这里，也许有人也有同样的问题。当我进行样式设置时，我的浏览器没有自动重新加载。我的解决方案是：

echo fs.inotify.max_user_watches=524288 | sudo tee-a/etc/sysctl.conf&&sudo sysctl-p

这解决了我的问题。无论如何谢谢你

---

…

编辑您的问题并在此处添加答案。编辑您的问题并在此处添加答案。

import React from 'react';
import PropTypes from 'prop-types';

const Header = (props) => {
  const { branding } = props;
  return (
    <div>
      <h1 style={{ color: 'red', fontSize: '50px' }}>{branding}</h1>
    </div>
  );
};

Header.defaultProps = {
  branding: 'My App'
};

Header.protoTypes = {
  branding: PropTypes.string.isRequired
};

export default Header;

{
  "name": "contactmanager",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  },
  "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"
    ]
  }
}