代码之家  ›  专栏  ›  技术社区  ›  Blue

使用软件包构建HTML弹出窗口

  •  0
  • Blue  · 技术社区  · 6 年前

    我必须在react组件中构建一个html弹出窗口,但我会出错

    从这个代码

    <div>
                <button class="toggle">Button</button>
                <div id="link-box">
                    <ul>
                        <li><a href="#">Link 1</a></li>
                        <li><a href="#">Link 2</a></li>
                        <li><a href="#">Link 3</a></li>
                        <li><a href="#">Link 4</a></li>
                    </ul>
                </div>
                </div>
    

    错误:

    Type '{ children: string; class: string; }' is not assignable to type 'DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>'.
      Property 'class' does not exist on type 'DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>'.
    

    我想在没有用于下拉菜单的react npm包的情况下实现这一点。 如果我必须做一些非常基本的html和以后的css样式,那没关系。但我需要了解我面临的问题是什么,如何最好地继续。

    更多文件代码:

    export class Header extends React.Component<IHeaderProps, IHeaderState> {
        public handleChange() {
            console.log('handling');
        }
    
        public render() {
            return (
                <div>
                <button class="toggle">Button</button>
                <div id="link-box">
                    <ul>
                        <li><a href="#">Link 1</a></li>
                        <li><a href="#">Link 2</a></li>
                        <li><a href="#">Link 3</a></li>
                        <li><a href="#">Link 4</a></li>
                    </ul>
                </div>
                </div>
        );
        }
    }
    
    1 回复  |  直到 6 年前
        1
  •  0
  •   Pipimi    6 年前

    关于您面临的错误,如果您能提供组件的typescript代码,那么我们可以寻找解决方案。

    顺便说一句,由于您使用的是React,您可以在单击某些按钮时设置弹出模式。

    These are some Modal examples .

    And this is a Modal tutorial that doesn't require to install any npm package ,这可能就是你想要的。