MaterialUI with styled-components, SSR

Next.js, MaterialUI 및 스타일이 지정된 구성 요소를 사용하여 SSR로 새 프로젝트를 작성하고 있습니다. 내가 아는 바로는, MaterialUI는 JSS를 SSR 용 도구로 사용합니다 (저장소의 example에 따라). 누군가 스타일이있는 구성 요소와 함께 작동하도록 만드는 방법을 알고 있는지 궁금합니다. MaterialUI 및 스타일이 지정된 구성 요소 저장소에서 문제가 발생했습니다. 두 저자는 저와 함께 작동시키는 방법을 모르고 있다고 대답했습니다. 그러나 아마 누군가는 그것을 이미 했습니까? 아니면 적어도이 문제를 해결하기 위해 어디서 발굴 할지를 말해 줄 수 있습니다. 미리 감사드립니다!MaterialUI with styled-components, SSR

출처

2017-09-18 th1rt3nth

재질이 ui 인 스타일이 지정된 구성 요소를 사용할 수 있지만 결국 !important을 많이 사용해야 할 것입니다. 이처럼 : 나도 같은 콤보와 함께 일하고 있어요 프로젝트에서

import Button from "material-ui/Button" 

const MyButton = styled(Button)` 
    background: red !important; 
`

, 난 그냥 .. 당신이 전체 withStyles HOC로 사용하고자하는 JSS 스타일의 재료 UI를 사용에 의존 한

출처

2017-09-20 08:17:08 idlefingers

어 ... 멋지지 않아 :)하지만 어쨌든 고마워, 나는 그것에 대해 생각할 것이다. – th1rt3nth

그래, 물질 - 유를 사용하여 더 부드러운 승차감을 원한다면 기본적으로 JSS를 사용하도록 강요당하는 것은 부끄러운 일이다. – idlefingers

Styled Components를 사용하여 Material UI 스타일을 재정의하는 방법은 3 가지가 있습니다 (더 쉬울 수도 있지만 모든 것이 꽃이 아닙니다). 여기 내 Gist입니다.

출처

2018-01-10 23:55:00 GarouDan

MaterialUI with styled-components, SSR

답변

관련 문제