如何在反应引导程序中悬停时显示选项

Question

我在我的反应代码中添加了 DropDownButton 我想在悬停到我的按钮时显示所有选项，但我在文档中搜索了我没有得到任何选项，下面是我的代码

<DropdownButton
                                bsSize="small"
                                className="ddown"
                                role="menuitem"
                                title="Prgoram Profile">
                                <MenuItem href="#books">Books</MenuItem>

                            </DropdownButton>

谁能告诉我该怎么做吗？我在这里检查过，但我不明白

Answer 1

我总体上不确定反应引导程序，尽管您可以通过使用onMouseEnter和onMouseLeave事件来使用普通反应

例如

import React, { Component } from 'react'

export default class SomeComponent extends Component {
    constructor() {
        super();

        this.state = {
            show: false
        }
    };

    render() {
        return (
            <DropdownButton
            bsSize="small"
            className="ddown"
            role="menuitem"
            title="Program Profile"
            onMouseEnter={(e) => this.setState({ show: true })}
            onMouseLeave={(e) => this.setState({ show: false })}
            open={this.state.show}>
            <MenuItem href="#books">Books</MenuItem>

            </DropdownButton>
        );
    };
}