Использование встроенного стиля в реакции не выполняет автоматическую перезагрузку

Question

Я новичок в 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;

...

Пакет. json файл:

.. .

{
  "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"
    ]
  }
}

...