Error: React.Children.only expected to receive a single React element child.
703
반가우면반갑다고해
작성한 질문수 143
0
에러 해결 도움 부탁드립니다.
import React from "react";
import { Menu, Input } from "antd";
const AppLayout = ({ children }) => {
return (
<div>
<Menu mode="horizontal">
<Menu.Item key="home">노드버드</Menu.Item>
<Menu.Item key="profile">프로필</Menu.Item>
<Menu.Item key="email">
<Input.Search enterButton style={{ verticalAlign: "middle" }} />
</Menu.Item>
</Menu>
{children}
</div>
);
};
export default AppLayout;
import React from "react";
import Link from "next/link";
import Head from "next/head";
import AppLayout from "../components/AppLayout";
const Home = () => {
return (
<>
<Head>
<title>NodeBird</title>
<Link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/antd/3.16.2/antd.css"
/>
</Head>
<AppLayout>
<Link href="/about">
<a>about</a>
</Link>
<div>Hello, Next!!</div>
</AppLayout>
</>
);
};
export default Home;
답변 2
next 10 이상에서는 redux dev tool 구동이 안되나요?
0
296
1
세션 갱신 문의 건
0
551
7
배포 진행 후 Highlight updates components render 표시
0
484
1
똑같은 기능을 하는 테이블
0
493
4
관계형
0
343
2
프론트 서버를 이용하지 않는경우
1
323
3
인피니트 스크롤링 사용시 오류
0
292
0
계속 이런에러가 떠서 해결하기는 했는데 어떤 의미인지 모르겠습니다.
0
457
2
req.user가 언제 생성되나요??
0
350
2
Cannot read property 'id' of null 에러
0
364
1
리트윗한 게시글 불러오는 sequelize
0
272
1
result.data에서 images인 이유
0
299
2
takeLatest에 대한 질문입니다.
1
361
2
프론트에서 express를 사용하지 않을때 동적라우팅
0
533
6
getInitialProps가 클라이언트에서 수행되는 이유?
0
275
1
리로드하면 팔로우 언팔로우 값이 초기화 되는 문제입니다.
0
477
2
스타일드 컴포넌트와 className을 통한 스타일 적용의 차이에 대해 궁금합니다
0
609
2
할인 쿠폰 사용이 안되는되요 (848-f9af83f183e3)
0
382
1
nodejs mvc 패턴
0
1015
4
사용하고 보니, 람다 구성이 궁금합니다!
0
289
1
제로초님
0
458
1
새로고침 로그인 풀림 문제.
0
262
1
안녕하세요. 강의 너무 감사합니다
0
178
1
제로초님
0
187
1