我想显示更多信息onclick,但我有不同的div显示/隐藏。 所以。我这样说: 的状态是:在React中显示更多信息
this.state = {
showMore: false,
showRewards: false,
fees: false,
showFees: false
};
其中的div:
<div className='some'> <h3 >Rewards <i className="icon-im-rewards"></i></h3> <h5 className="showMoreDetails" onClick={() => this.show('rewards') }>{ showRewards ? '-' : '+' } { showRewards ? 'Show Less' : 'Show More' }</h5> { showRewards && detail.rewards.reward.map((name, i) => <p key={i}> { name }</p> ) } </div>
功能:
显示(名字){ 设{相册更多>>暂,showRewards,showFees} = this.state;
if (name === 'hightlights' && showMore === false) {
this.setState({
showMore: true
});
} else {
this.setState({
showMore: false
});
}
if (name === 'rewards' && showRewards === false) {
this.setState({
showRewards: true
});
} else {
this.setState({
showRewards: false
});
}
if (name === 'fees' && showFees === false) {
this.setState({
showFees: true
});
} else {
this.setState({
showFees: false
});
}
这太长,丑陋,不能正确工作(我一次只能看到一个扩展的div)如何改善它?
这是好多了,但我还是只能在同一时间看到一个 –