目前,reactjs做了一个很棒的工作,假设一切都应该是像素。但在某些情况下,我实际上并不需要它来做助手的事情。我知道这对身高和百分比很有好处:
{height: 100}
或{height: 100%}
但在其他情况下,我需要它来获取实际数字,例如此属性:
WebkitAnimationIterationCount: 2
结果为-webkit-animation-iteration-count: 2px
如何逃脱像素!
答案 0 :(得分:2)
在深入研究react的源代码之后,我会说这还不可能(反应0.13.1):
此处有一个硬编码的无单元属性列表:https://github.com/facebook/react/blob/v0.13.1/src/browser/ui/dom/CSSProperty.js#L17和animationIterationCount
不在其中
不在该列表中的任何内容都会附加“px”:https://github.com/facebook/react/blob/v0.13.1/src/browser/ui/dom/dangerousStyleValue.js#L28
(也许有机会为React做出贡献?)
答案 1 :(得分:0)
回答我自己的问题。我找到了一个黑客:
WebkitAnimationIterationCount: 'calc(2)'
最终工作,但'2;'
的建议也应该有效!