인프런 커뮤니티 질문&답변
LoginForm.js
작성
·
228
0
Styled Component 적용할 때 맨 아랫부분에 적혀잇는것처럼 전자처럼 코딩을 하면 에러가 없는데 후자 처럼 코딩을 하면 chrome에서 에러가 발생하는데 어떻게 처리하나요? 또 4. WrappedApp created~ 이부분은 왜 뜨고 어떻게 없애나요?
<div style={{marginTop:'10px'}}>
<Button type="primary" htmlType="submit" loading={false} >LogIn</Button>
<Link href="/signup"><a><Button>SignUp</Button></a></Link>
</div>
#############################
const ButtonWrapper = styled.div`
margin-top: 10px;
`;
<ButtonWrapper>
<Button type="primary" htmlType="submit" loading={false} >LogIn</Button>
<Link href="/signup"><a><Button>SignUp</Button></a></Link>
</ButtonWrapper>답변 1
0
제로초(조현영)
지식공유자
styled-components는 서버사이드렌더링을 적용해야 페이지 로딩 시 경고가 안 나고 CSS가 적용됩니다. 6강 CSS 서버사이드렌더링에서 합니다.
4. Wrapped... 이 부분은 configureStore.js에서 debug: false로 하시면 됩니다.




