猿问

无法在标题菜单项中使用 PopOver

我想用弹出组件创建一个标题



import React from "react";

import { Layout, Menu, Button } from "antd";

const { Header, Popover } = Layout;

const { SubMenu } = Menu;


const Index = (props) => {

    const content = (

        <menu>

            <Menu.Item>Menu</Menu.Item>

            <SubMenu title="SubMenu">

                <Menu.Item>SubMenuItem</Menu.Item>

            </SubMenu>

        </menu>

    );

    return (

        <Header>

            <div

                className=" float-left text-light"

                style={{ fontSize: "1.4rem" }}

            >

                Shonode

            </div>

            <Menu

                theme="dark"

                mode="horizontal"

                defaultSelectedKeys={["2"]}

                style={{ lineHeight: "64px" }}

            >

                <Menu.Item key="1">nav 1</Menu.Item>

                <Menu.Item key="2">nav 2</Menu.Item>

                <Menu.Item key="3">sda</Menu.Item>


            </Menu>

        </Header>

    );

};


export default Index;


这个组件可以工作,但是当我粘贴第 3 项时


<Menu.Item key="3">

       <Popover content={content}title="Title" trigger="hover">

        <Button>Hover me</Button>

    </Popover>

</Menu.Item>

我得到错误


元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。


收到一只叮咚
浏览 161回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答