已解决:删除线 react css

使用删除线的主要问题是 react css 很难正确设置样式。 这是因为删除线的默认样式不是很具体,并且没有对自定义它们的内置支持。

<del>This text is no longer relevant</del>

此代码行使用 HTML 标记“del”来指示此标记所包含的文本不再相关。

使用 CSS 对 React 进行样式化

使用 CSS 设置 React 样式一开始可能有点棘手,但一旦掌握了它,就会很有趣。 以下是一些可帮助您入门的提示:

1.使用类和属性

给 React 组件设置样式的一种方法是使用类和属性。 例如,您可以使用类名“my-button”为应用中的所有按钮设置样式,然后使用属性“style”为该类设置样式。 这是一个例子:

class MyButton extends Component { … style = { color : '#000' } }

2. 使用 Mixins 和实用程序

另一种设置 React 组件样式的方法是使用 mixins 和实用程序。 例如,您可以使用 mixin“style-button”为应用程序中的所有按钮创建可重用的样式表,然后使用实用函数“button-color”为使用该 mixin 的所有按钮设置颜色。 这是一个例子:

从 './style-button' 导入 { StyleButton } ; const ButtonColor = ( 道具 ) => { 返回道具。 颜色 ; } 导出默认样式按钮;

相关文章:

发表评论