강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

rrallvv .J님의 프로필 이미지
rrallvv .J

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

더미데이터와 포스트폼 만들기

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로 하시면 됩니다.

rrallvv .J님의 프로필 이미지
rrallvv .J

작성한 질문수

질문하기