我可以在this.props.style中添加或减去像素吗？

Question

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

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

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

在组件文件中

interface Props {
  ...
  height: any;
}

在CSS中，我想做这样的事情-

top: this.props.height - 5px;

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

Answer 1

您可以使用parseInt函数。

parseInt(this.props.height) - 5;

由于这是ReactJS，所以我假设您只关心值（呈数字的样式值在呈现时会自动附加px）。

您可以为ComponentName height道具传递一个数字，如果可以避免，则避免将值解析为一个数字。