问如何修复警告：<body>不能作为<div>的子级出现。在头部的车身
EN

Stack Overflow用户

提问于 2022-03-21 21:45:42

回答 1查看 103关注 0票数 -3

尝试了很多在网上找到的解决方案，但都没有奏效，我的身体其实并没有在尝试中投入到中也没有帮助。老实说，你不知道怎么回事

我的index.js

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import Header from "./Header";

ReactDOM.render(
  <React.StrictMode>
      <Header />
  </React.StrictMode>,
  document.getElementById("root"),
);

我的Header.js

function Header() {
  return (
    <body className="leading-none ">
      <header>
        <section className="bg-black">
          <div className="m-auto flex-wrap py-3 flex justify-between max-w-6xl   header-top-container px-3.5 text-neutral-50">
            <div className="header-top-left">
              <span className="text-xs font-normal inline-block h-4 pt-1 pr-6 mr-5 pl-5 ">
                Магазин в центре Киева
              </span>
              <span className="text-xs font-normal inline-block h-4 pt-1 pr-6 mr-5 pl-5 pl-4    ">
                <a href="tel:123456">+38 067 314 16 11</a>
              </span>
              <span className="text-xs font-normal inline-block h-4 pt-1 pr-6 mr-5 pl-6 ">
                Поки що приймаємо лише онлайн замовлення.
              </span>
            </div>
            <div className="header-top-right relative self-start  "></div>
            <div className="text-xs header-btn-login pr-6 mr-5 inline-block align-top">
              <a href="lgn">Вход</a>
            </div>
          </div>
        </section>
        <section className="bg-white container-white uppercase">
          <div className="flex justify-between ">
            <img width="95px" height="55px" src="snkr.jpg" alt="logo" />
            <h6>Бренды</h6>
            <h6>Новинки</h6>
            <h6>Обувь</h6>
            <h6>Одежда</h6>
            <h6>Скейтбординг</h6>
            <div className="headerCartBlock pr-1 float-right">
              <div className=" inline-block mr-5 pt-0.5  align-top tracking-wide">
                <a href="/">Избранное</a>
              </div>
              <div className="inline-block align-top tracking-wide">
                <a href="/">Корзина</a>
              </div>
            </div>
          </div>
        </section>
      </header>
    </body>
  );
}

export default Header;

我希望修复警告信息

javascript

reactjs

回答 1

Stack Overflow用户

发布于 2022-03-21 21:57:22

您已经将元素包装在body标记中。通过从body元素中删除Header.js元素来打开它，错误就会消失。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71564499

复制

相似问题

问如何修复警告：<body>不能作为<div>的子级出现。在头部的车身
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何修复警告：<body>不能作为<div>的子级出现。在头部的车身EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何修复警告：<body>不能作为<div>的子级出现。在头部的车身
EN