javascript - 如何增加内联样式的填充值

Question

我想使用它以前的值来增加填充值，像这样:

const newListItemStyle = {
    ...listItemStyle,
    paddingRight: listItemStyle.paddingRight + '50px',
}  

我怎样才能做这样的事情？

Answer 1

您可以使用parseInt 先获取数字部分。然后加上 50 得到总和。然后添加"px"将其转换为字符串

const newListItemStyle = {
    ...listItemStyle,
    paddingRight: parseInt(listItemStyle.paddingRight) + 50 + 'px'
}