首页 > 解决方案 > 我可以从 this.props.style 中添加或减去像素吗?

问题描述

我想根据 div 的高度定位一个加号按钮。我已经导出了一个按钮元素并在各种组件中使用。从一个组件中,我传递了 div 的高度值。我的问题是,我可以从我得到的值中减去一些像素吗?

我能够根据 div 的高度成功放置按钮。但是,我希望它少一些像素。

<ComponentName height='div height' ... />

在组件的文件中

interface Props {
  ...
  height: any;
}

在css中,我想做这样的事情-

top: this.props.height - 5px;

我们可以从我得到的高度中减去像素吗?

标签: javascriptreactjs

解决方案


您可以使用 parseInt 函数。

parseInt(this.props.height) - 5;

由于这是 ReactJS,我假设您只关心值(px呈现时自动附加的数字样式值)。

如果可以避免,您可以将 Number 传递给ComponentName heightprop 并避免将值解析为 Number。


推荐阅读