如何顯示在懸停選擇反應引導

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