我想在下面的react span元素中实现右边距内嵌CSS:
import React, { Component } from "react";
class NavBar extends Component {
state = {
totalCounters: 0,
};
render() {
let styles = {
margin-right: '20px',
width: '250px',
height: '250px',
backgroundColor: 'yellow',
};
return (
<nav className="navbar navbar-light bg-light">
<a className="navbar-brand" href="#">
Navbar
</a>
<span style={styles} className="badge badge-pill badge-secondary">
{this.props.totalCounters}
</span>
</nav>
);
}
}
export default NavBar;
但是它显示语法错误,而如果替换margin-right
为则没有错误margin
。那怎么办呢?
React使用camelCase作为内联样式属性。尝试一下marginRight: '20px'
,就像您对backgroundColor
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句