目前,reactjs做了一個很棒的工作,假設一切都應該是像素。但在某些情況下,我實際上並不需要它來做幫手。我知道這是偉大的高度和百分比:Reactjs關閉速記內聯風格幫手
{height: 100}
或{height: 100%}
但在其他情況下,我需要它的實際數字,像這樣的屬性:
WebkitAnimationIterationCount: 2
結果-webkit-animation-iteration-count: 2px
我如何能逃脫像素!
目前,reactjs做了一個很棒的工作,假設一切都應該是像素。但在某些情況下,我實際上並不需要它來做幫手。我知道這是偉大的高度和百分比:Reactjs關閉速記內聯風格幫手
{height: 100}
或{height: 100%}
但在其他情況下,我需要它的實際數字,像這樣的屬性:
WebkitAnimationIterationCount: 2
結果-webkit-animation-iteration-count: 2px
我如何能逃脫像素!
挖掘到反應的源代碼後,我會說,這是沒有可能的(反應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?)
回答我自己的問題。我發現了一個黑客:
WebkitAnimationIterationCount: 'calc(2)'
結束了工作,但建議'2;'
應該也工作!
你也許可以使用'動畫'速記,它需要一個字符串而不是特定的計數屬性。 https://developer.mozilla.org/en-US/docs/Web/CSS/animation – WiredPrairie 2015-04-01 10:59:37
或者,對於簡單的黑客來說,嘗試使用值'2;',因爲它在構建'樣式'字符串。 – WiredPrairie 2015-04-01 11:07:21