如何将默认样式设置为React组件

Chenglu

React组件之所以出色,是因为它使我们能够定义自己的标签,该标签可能比原始标签更强大。

目前,我仅使用React组件定义HTML结构,并设置每个标签的className来让样式表修改其外观。有没有一种方法可以在不使用内联CSS的情况下为组件提供默认样式?

我的一个想法是添加一个与一个组件关联的CSS文件,或者在每个组件的jsx文件中直接添加一个标记,然后编译CSS或jsx将所有CSS放在一个文件中并部分添加。

叶夫根·萨夫罗诺夫(Yevgen Safronov)

在React中可以使用内联样式方法轻松表达它

var compStyle = {
  color: 'white',
  backgroundImage: 'url(' + imgUrl + ')',
  margin: 5
};

React.render(<div style={compStyle}>Component</div>, mountNode);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将样式默认设置为组件

如何将某些CSS设置为React NumPad组件?

默认情况下,如何将Ionic设置为以iOS样式渲染?

如何使用 classNames 为 react 样式的组件设置样式

如何将子组件设置为路由器插座的默认路由?

REACT:如何将子组件的状态设置为其父组件的状态?

如何将Compiz设置重置为默认设置?

如何设置 React 组件的样式

如何将displayName设置为带有备注的React无状态组件?

在React Native中,如何将视频组件设置为页面背景?

如何将SwitchPreference样式设置为“普通”开关?

如何将样式设置为带有字母#的单词?

如何将平面按钮样式设置为 ImageButton?

如何将样式化组件样式应用于自定义React组件?

如何从组件容器设置 React 组件的样式?

如何将qBittorrent设置重置为默认值?

如何将UIBarButtonItem tintcolor设置为非默认UIColor

如何将CheckedListBox项目设置为默认选中

如何将Notepad ++设置为默认编辑器?

如何将崇高默认视图设置为2行

如何将CKEditor的默认值设置为空白?

如何将std :: vector设置为模板的默认参数?

如何将PowerShell默认字体设置为Consolas?

如何将Kotlin默认属性值设置为`this`

如何将“全文”设置为phpMyAdmin的默认值?

PHP如何将默认日期设置为新日期?

如何将变量的默认值设置为数组?

如何将compiz重置为默认设置?

如何将片段设置为BottomNavigation的默认片段?