react-native - React Native 中的选择器，用于选择所有组件

Question

是否有 CSS 选择器或 React Native 支持的一种指示符，用于在与 HTML 一起使用时选择 CSS 中的所有组件(如正文选择器)？

与 html 不同，我们不选择组件来设置它们的样式；从 css 表中选择要设置样式的 html 元素，例如通过标记名。相反，在 react 中，样式名称放入组件中，即放入标记中。

Answer 1

RN 中的样式与 CSS 中的样式不同。这是经过深思熟虑的决定，并且认为组件始终具有显示它所需的一切(数据、 View 、样式)并显式引用它。

这是与旧的 HTML/css 方法相比的范式转变 - react 概念的一部分，没有在其他地方定义一些全局“覆盖”(就像在 CSS 中一样)。如果您想(例如)定义为所有组件定义的全局字体，您应该将其定义为在组件本身中明确使用的全局样式。通过这种方式查看组件代码，您可以对整个代码进行推理，而无需猜测其他覆盖代码部分的内容。

只是想说明一下:它确实使编写代码变得更加困难。如果您希望它们由层次结构中的上面的组件更改，则必须在编写代码或将它们公开为属性时显式使用某些样式。但是 - 它使阅读代码(并理解它)变得更加容易 - 您总是可以轻松地跟踪到给定组件使用的实际样式的路径。恕我直言，哪个更重要。