카테고리

질문 & 답변
세부 분야

풀스택
해결 여부

미해결

Warning: Prop `style` did not match. Server:

21.02.24 12:33 작성 조회수 485

프롭 스타일이 서버랑 매치되지 않는다는게

뭘까요 ..?

왜 반응형이 안되죠 ㅠㅠ

import React from 'react';
import propTypes from 'prop-types';
import Link from 'next/link';
import { Menu, Input, Row, Col } from 'antd';

const AppLayout = ({ children }) => {
  return(
    <div>
      <Menu mode="horizontal">
        <Menu.Item>
          <Link href="/"><a>노드버드</a></Link>
        </Menu.Item>
        <Menu.Item>
          <Link href="/profile"><a>프로필</a></Link>
        </Menu.Item>
        <Menu.Item>
          <Input.Search enterButton style={{verticalAlign: "middle",}}/>
        </Menu.Item>
        <Menu.Item>
          <Link href="/signup"><a>회원가입</a></Link>
        </Menu.Item>
      </Menu>
      <Row>
        <Col xs={24} md={6}>
          왼쪽메뉴
        </Col>
        <Col xs={24} md={12}>
           {children}
        </Col>
        <Col xs={24} md={6}>
          오른쪽메뉴
        </Col>  
      </Row>
    </div>
  );    
}; 

AppLayout.propTypes = {
  children: propTypes.node.isRequired,
};

export default AppLayout;