在React + Redux形式中,样式标签不起作用的原因是因为React组件的样式是通过CSS-in-JS的方式来实现的,而不是通过传统的样式标签。CSS-in-JS是一种将CSS样式直接写在JavaScript代码中的方法,它可以让样式与组件紧密结合,提供更好的组件封装和复用性。
在React + Redux中,常用的CSS-in-JS库有styled-components、emotion和CSS Modules等。这些库允许我们在组件中定义样式,并将其作为组件的一部分进行管理和使用。
以styled-components为例,它是一个流行的CSS-in-JS库,可以通过定义样式组件来实现样式的控制。在React + Redux中,可以按照以下步骤使用styled-components:
在上述代码中,我们使用styled-components定义了一个名为StyledButton的样式组件,并在MyComponent组件中使用它。StyledButton的样式通过模板字符串的形式定义,可以直接写CSS样式。
通过使用CSS-in-JS库,我们可以更好地控制组件的样式,并且样式与组件紧密结合,提供更好的组件封装和复用性。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云容器服务(TKE)。
领取专属 10元无门槛券
手把手带您无忧上云