My App

React中的样式

React中的样式

React 在样式方面没有固定的意见。因此,在将 CSS 与 React 结合时,有很多选择。

从技术上讲,没有什么可以阻止你以“传统”的方式做事。你可以保留一堆 CSS 文件,并在你的 index.html 中使用 <link> 标签将它们包含进来。

但老实说,如果你想在使用 React 时获得最佳体验,还有更好的方法。

记得这张图片吗

separation-of-concerns

组件的核心思想是每个组件都是一组标记(在 JSX 中)、逻辑(在 JS 中)和样式(在 CSS 中)。我们的 Button 组件应该“拥有”与该组件相关的所有样式!

当我们以这样的方式结构化我们的代码时,会发生一些神奇的事情。使用 CSS 变得简单多了。

让我们谈谈这个。