我无法在我的 React 应用程序中加载样式表:
.App {
text-align: center;
}
.App p {
color: blue;
}
我试图在控制台上打印文件,然后这是空的。
我无法在我的 React 应用程序中加载样式表:
.App {
text-align: center;
}
.App p {
color: blue;
}
我试图在控制台上打印文件,然后这是空的。
如果您使用 React 从头开始项目,您可能需要学习如何使用捆绑工具,例如
它们将使您能够使用诸如 css-loader 之类的工具,这将允许您以这种方式将 css 文件导入到标头中的 react 组件中:
import 'app.css'
或者,您可以直接在组件上使用 react 'style' 属性:
const style = {
app: {
textAlign: 'center'
},
p: {
color: 'blue'
}
};
您可以通过以下方式应用样式:
<App style={style.app}>
<p style={style.p}>Hello world!</p>
</App>
有关使用样式的更多信息,您可以在此处查看 React 官方文档:https : //reactjs.org/docs/dom-elements.html#style