javascript - 我可以从 this.props.style 中添加或减去像素吗?
问题描述
我想根据 div 的高度定位一个加号按钮。我已经导出了一个按钮元素并在各种组件中使用。从一个组件中,我传递了 div 的高度值。我的问题是,我可以从我得到的值中减去一些像素吗?
我能够根据 div 的高度成功放置按钮。但是,我希望它少一些像素。
<ComponentName height='div height' ... />
在组件的文件中
interface Props {
...
height: any;
}
在css中,我想做这样的事情-
top: this.props.height - 5px;
我们可以从我得到的高度中减去像素吗?
解决方案
您可以使用 parseInt 函数。
parseInt(this.props.height) - 5;
由于这是 ReactJS,我假设您只关心值(px
呈现时自动附加的数字样式值)。
如果可以避免,您可以将 Number 传递给ComponentName
height
prop 并避免将值解析为 Number。