React Native 中用于选择所有组件的选择器

Selector in React Native for selecting all components

React Native 是否支持 CSS selector 或一种指示符,用于 selecting 所有组件,如 body selector in CSS 同时使用 HTML?

我们不会 select 组件来设置它们的样式,这与我们 html 不同; selecting html 个要设置样式的元素,例如来自 css sheet 的标记名。相反,在 React 中,样式名称放入组件中,即放入标记中。

RN 中的样式与 CSS 中的样式不同。这是深思熟虑的决定,并且组件始终具有显示它所需的一切(数据、视图、样式)并显式引用它的想法。

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

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