覆蓋 index.html css react 項目

Question

希望這是一個容易的。 我正在做一個反應項目（跟隨一個教程）。 我克隆的 repo 有一個自定義的 css 引用，它正在我的 index.html 頭中應用：

<link rel="stylesheet" href="//demo.productionready.io/main.css">

我很好奇如何在我的項目目錄中應用本地 css 文件，以便它覆蓋我認為合適的外部樣式。

通過 npx create-react-app 在我的 src 文件夾中創建了一個默認的 index.css 文件。 我是否需要將其導入每個 React 組件才能使其工作？

謝謝！

Answer 1

您不需要修改index.html 。 您可以修改默認的index.css文件或刪除它！

如果要應用本地 css 文件，請將其導入到您的組件中。 或者如果你想要一個全局的 css 文件，在App.js 中導入 css 文件，它將適用於所有組件。

導入'./mycss.css';