2015-10-16 38 views
0

我操縱使用與類似於此代碼陣營CSS樣式:爲什麼transform-origin CSS屬性在React中不顯示?

let el React.findDOMNode(this.refs.thing); 
el.style.transform = `translate(${0}px, ${0}px) scale(${1})`; 
el.style.transformOrigin = `${100}px ${100}px)`;  // SPOT THE TYPO 

變換CSS屬性的作品,顯示了當我在瀏覽器(Chrome)檢查元素。 transform-origin屬性不顯示,我找不出原因。

我剛剛在此代碼之前登錄到控制檯,因此它正在執行。當我故意做類似這樣的事情時:

el.style['transform-origin'] = etc. 

儘管使用了開發構建,但我沒有從React收到警告。

+2

也許是因爲錯字?如果您嘗試:從代碼中刪除'$ {100} px $ {100} px'(last「)」字符) – wintvelt

+0

Ouch!我會試一試。發現得好! –

回答

0

如發現由wintvelt,有在我的代碼虛假括號:

el.style.transformOrigin = `${100}px ${100}px`; 

是正確的。

相關問題