2016-07-19 2 views
0

는 어떻게ReactJS 인라인 스타일 객체의 여러 속성 객체?

CSS

.class { 
    display: flex; 
    display: -webkit-flex; 
} 

에 해당 뭔가하지만 반작용에 인라인 스타일을 사용하여 쓰기합니까?

기본적으로 내가 뭔가를 찾고 있어요 :

자바 스크립트

let styles = { 
    display: ['flex', '-webkit-flex'] 
} 
+0

이 하나는 많은 옵션이 있습니다. https://github.com/FormidableLabs/radium –

답변

3

귀하의 문제는 reactJS common problem still opened이며, 웹킷 스타일에 대한 적절한 솔루션

기다리고, 하나 개의 솔루션이다 연결 값 :

let styles = { 
    display: 'flex; display:-webkit-flex' 
} 

그렇지 않으면 더 일반적인 해결책은 요소의 className 속성에 부여 될 'flex'이라는 CSS를 만드는 것입니다.

세 번째 해결 방법 : Radium을 사용하십시오. 나는 너무 커서 당신의 문제를 지루하게 &하지만 시간이 있다면 시도해 볼 수 있습니다 ... :)