我正在try 在React应用程序中设置内联样式.在这种情况下,对于跨度:

<span className="myClass" style={{float : 'left', paddingRight : '5px'}} > </span>

Reaction告诉我:

未捕获的不变冲突:styleprops 需要来自 将样式属性设置为值,而不是字符串.例如, 使用JSX时,样式={{armerRight:Spacing+‘em’}}.此DOM node 由`SentenceView呈现

我不太清楚这是什么意思.

PS:我试过不同的版本,所以我做了paddingRight: 5个版本,paddingRight: 5 + 'px'个版本,paddingRight : 5px个版本,但是我没有任何成功!

推荐答案

使用"styles"props 代替样式

<span className="myClass" style={{float : 'left', paddingRight : '5px'}} > </span>

下面是一个来自W3Schools的很好的参考,它还向您展示了如何使用样式信息创建对象,并在"样式"属性中引用它:

Css相关问答推荐

我控制的自定义单选按钮无法重新 Select

JavaFX如何在Tableview中使用默认和自定义的列标题CSS样式?

React呈现多个css文件

防止在添加更多项目时扩展CSS网格行

如何在点击时停止动画并将其返回到第一帧?

如果父元素是弹性元素,则不会显示带有纵横比的空div

更改行数时更改 CSS 网格列

Angular 以Angular 获取当前聚焦的元素

使用 React-Router 和 Outlet 时如何确保内容保持在下方

Angular 导航栏问题

使用 CSS 在悬停时转换 SVG 路径的填充属性

中心表单提交按钮 HTML / CSS

svg 背景图像位置始终在 Internet Explorer 中居中,尽管 background-position: left center;

HTML/CSS 中的单选/复选框对齐

CSS媒体查询仅针对iPad和iPad?

内联