假设我有两个react 组件:
import { React } from "react";
import "./styles.css";
function ComponentA() {
...
}
export default ComponentA;
import { React } from "react";
import "./styles.css";
function ComponentB() {
...
}
export default ComponentB;
这两个组件都在导入相同的CSS文件styles.css
.现在假设在我的应用程序中,我同时导入了这两个组件,因此App.js如下所示:
import { ComponentA } from "./ComponentA";
import { ComponentB } from "./ComponentB";
function App() {
return (
<div className="App">
<ComponentA />
<ComponentB />
</div>
);
}
export default App;
这里到底发生了什么?我的应用程序是否会两次导入相同的CSS文件?如果是这样的话,我是否只在App.js
文件上进行导入?