如何显示在悬停选择反应引导

Question

我已经加入DropDownButton在我反应过来的代码我想告诉悬停的所有选项，以我的按钮，但我搜索的文档我不力得到这方面的任何选项下面是我的代码

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

          </DropdownButton> 

任何人都可以请让我知道如何做到这一点？我检查here但Idint获得太多的想法

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