JJeong

작성한 질문수 3

import React from 'react';

import Link from 'next/link'

import styled from 'styled-components'

import { Menu, Input, Button } from 'antd';

const layout = styled.div`

`;

const upmenu = styled(Menu)`

`;

const AppLayout = ({children}) =>{

    return(

        <layout>

            <upmenu mode="horizontal">

                <Menu.Item key="home"><Link href="/"><a>홈1</a></Link></Menu.Item>

                <Menu.Item key="country"><Link href="/country"><a>홈2</a></Link></Menu.Item>

                <Menu.Item key="mail">

                    <Input.Search enterButton style={{ verticalAlign: 'middle'}} />

                </Menu.Item>

            </upmenu>

           <Link href="/signup"><a><Button>회원가입</Button></a></Link>

            {children}

        </layout>

    );

};

export default AppLayout;

나머지 페이지는 내용 다 문제없고 styled-components만 적용 안시키면 다 그대로 잘 돌아갑니다 ㅠ

TypeError: Cannot read property 'getState' of undefined
    at new Connect (C:\Users\hp\Desktop\react_ex\NodeBird\front\node_modules\mini-store\lib\connect.js:86:57)
    at processChild (C:\Users\hp\Desktop\react_ex\NodeBird\front\node_modules\react-dom\cjs\react-dom-server.node.development.js:2995:14)


이런에러가 뜨는데 뭐가 문제일까요? menu item도 이름 다 바꿔보기도 했고 styled-components 내용들을 바꿔보기도 하고 다른 프로젝트에서 간단하게 실행해보려고 했는데 다 저 getState 에러가 납니다 ㅠ 

0

Upmenu를 div로 바꾸셨는데 그냥 다시 Menu로 바꿔보세요. 웹팩 빌드가 제대로 안 된 것 같습니다. 아마 import 관계나 그런 것일 수도 있고요.

0

네 4버전 맞아요 스타일드 컴포넌트말고 다른 곳 문제일까요? upmenu를 빼고 div만 적용하면 제대로 작동이 되는데 antd 컴포넌트가 적용이  안되는 것 같습니다 ㅠ

TypeError: styled_components__WEBPACK_IMPORTED_MODULE_5___default.a.div(...) is not a function

menu를 다시 적용시키려하니 이젠 이 에러가 뜨네욤 

0

스타일드 컴포넌트 버전이 4버전 설치하신 것 맞나요?