0
タイトルが残念ですが、これを簡単に言葉で表現する方法は考えられませんでした。ボタンの上にリアボーバーを置くと、別のボタンが表示される
だから私が反応成分の一部として、ボタンのグループを持っている:私は起こるしたい何
export default class AdvancedSearch extends React.Component{
hover(){
}
render(){
return(
<div className="btn-group">
<button id="star1" type="button" className="btn btn-default" onMouseEnter={() => this.hover()}><span className="glyphicon glyphicon-star-empty"></span></button>
<button id="star2" type="button" className="btn btn-default" onMouseEnter={() => this.hover()}><span className="glyphicon glyphicon-star-empty"></span></button>
<button id="star3" type="button" className="btn btn-default" onMouseEnter={() => this.hover()}><span className="glyphicon glyphicon-star-empty"></span></button>
<button id="star4" type="button" className="btn btn-default" onMouseEnter={() => this.hover()}><span className="glyphicon glyphicon-star-empty"></span></button>
<button id="star5" type="button" className="btn btn-default" onMouseEnter={() => this.hover()}><span className="glyphicon glyphicon-star-empty"></span></button>
</div>
);
}
は私がボタンにカーソルを合わせると、その左側にすべてのボタンが自分のバックグラウンドを持っています同じように変更されているかのように変更します。私はこれを実現させるために、ホバリング機能の中に何を入れることができないのか、それがこれを行う最善の方法であるかどうかはわかりません。この効果を得るための最良の方法は何でしょうか?また、ボタンをクリックしても同じことができるようにしたいと考えています。