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

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

reactjs css html

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>
    );
    }
}